html-apache-echarts-raw-text-contains-code

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before…lines 1–41 unchanged (41 lines)
42
43
44
45
46
      <script>
      require([
          'echarts',
          // 'map/js/china',
          // './data/nutrients.json'
      ], function (echarts) {
          var option;
54
…lines 55–75 unchanged (21 lines)
                      showMinLabel: true,
                      showMaxLabel: true,
                  }
              },
              yAxis: {
                  axisLabel: {
                      show: false,
                  },
                  min: 'dataMin',
                  max: 'dataMax'
              },
              series: {
                  type: 'line',
                  data,
                  showSymbol: false,
                  markPoint: {
                      data: [{
                          type: 'min',
                          // x: 0,
                          // y: 0,
                          // relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          x: 0,
                          y: '100%',
                          // relativeTo: 'coordinate'
                      }]
                  }
              }
          };
106
          var chart = testHelper.create(echarts, 'main0', {
              title: [
…lines 109–124 unchanged (16 lines)

After…lines 1–41 unchanged (41 lines)
42
43
44
45
46
      <script>
      require([
          'echarts',
          // 'map/js/china',
          // './data/nutrients.json'
      ], function (echarts) {
          var option;
54
…lines 55–75 unchanged (21 lines)
                      showMinLabel: true,
                      showMaxLabel: true,
                  }
              },
              yAxis: {
                  axisLabel: {
                      // show: false,
                  },
                  min: 'dataMin',
                  max: 'dataMax'
              },
              series: {
                  type: 'line',
                  data,
                  showSymbol: false,
                  markPoint: {
                      data: [{
                          type: 'min',
                          x: 0,
                          y: 0,
                          relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          x: 0,
                          y: '100%',
                          relativeTo: 'coordinate'
                      }, {
                          type: 'min',
                          x: '100%',
                          y: 0,
                          name: 'abcd',
                          relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          // x: '100%',
                          // y: '100%',
                          // relativeTo: 'coordinate'
                      }],
                      // label: {
                      //     show: true,
                      //     formatter: 'x: {c}'
                      // }
                  }
              }
          };
121
          var chart = testHelper.create(echarts, 'main0', {
              title: [
…lines 124–139 unchanged (16 lines)

Before…lines 1–41 unchanged (41 lines)
42
43
44
45
46
      <script>
      require([
          'echarts',
          // 'map/js/china',
          // './data/nutrients.json'
      ], function (echarts) {
          var option;
54
…lines 55–75 unchanged (21 lines)
                      showMinLabel: true,
                      showMaxLabel: true,
                  }
              },
              yAxis: {
                  axisLabel: {
                      show: false,
                  },
                  min: 'dataMin',
                  max: 'dataMax'
              },
              series: {
                  type: 'line',
                  data,
                  showSymbol: false,
                  markPoint: {
                      data: [{
                          type: 'min',
                          // x: 0,
                          // y: 0,
                          // relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          x: 0,
                          y: '100%',
                          // relativeTo: 'coordinate'
                      }]
                  }
              }
          };
106
          var chart = testHelper.create(echarts, 'main0', {
              title: [
…lines 109–124 unchanged (16 lines)

After…lines 1–41 unchanged (41 lines)
42
43
44
45
46
      <script>
      require([
          'echarts',
          // 'map/js/china',
          // './data/nutrients.json'
      ], function (echarts) {
          var option;
54
…lines 55–75 unchanged (21 lines)
                      showMinLabel: true,
                      showMaxLabel: true,
                  }
              },
              yAxis: {
                  axisLabel: {
                      // show: false,
                  },
                  min: 'dataMin',
                  max: 'dataMax'
              },
              series: {
                  type: 'line',
                  data,
                  showSymbol: false,
                  markPoint: {
                      data: [{
                          type: 'min',
                          x: 0,
                          y: 0,
                          relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          x: 0,
                          y: '100%',
                          relativeTo: 'coordinate'
                      }, {
                          type: 'min',
                          x: '100%',
                          y: 0,
                          name: 'abcd',
                          relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          // x: '100%',
                          // y: '100%',
                          // relativeTo: 'coordinate'
                      }],
                      // label: {
                      //     show: true,
                      //     formatter: 'x: {c}'
                      // }
                  }
              }
          };
121
          var chart = testHelper.create(echarts, 'main0', {
              title: [
…lines 124–139 unchanged (16 lines)

Before…lines 1–41 unchanged (41 lines)
42
43
44
45
46
      <script>
      require([
          'echarts',
          // 'map/js/china',
          // './data/nutrients.json'
      ], function (echarts) {
          var option;
54
…lines 55–75 unchanged (21 lines)
                      showMinLabel: true,
                      showMaxLabel: true,
                  }
              },
              yAxis: {
                  axisLabel: {
                      show: false,
                  },
                  min: 'dataMin',
                  max: 'dataMax'
              },
              series: {
                  type: 'line',
                  data,
                  showSymbol: false,
                  markPoint: {
                      data: [{
                          type: 'min',
                          // x: 0,
                          // y: 0,
                          // relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          x: 0,
                          y: '100%',
                          // relativeTo: 'coordinate'
                      }]
                  }
              }
          };
106
          var chart = testHelper.create(echarts, 'main0', {
              title: [
…lines 109–124 unchanged (16 lines)

After…lines 1–41 unchanged (41 lines)
42
43
44
45
46
      <script>
      require([
          'echarts',
          // 'map/js/china',
          // './data/nutrients.json'
      ], function (echarts) {
          var option;
54
…lines 55–75 unchanged (21 lines)
                      showMinLabel: true,
                      showMaxLabel: true,
                  }
              },
              yAxis: {
                  axisLabel: {
                      // show: false,
                  },
                  min: 'dataMin',
                  max: 'dataMax'
              },
              series: {
                  type: 'line',
                  data,
                  showSymbol: false,
                  markPoint: {
                      data: [{
                          type: 'min',
                          x: 0,
                          y: 0,
                          relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          x: 0,
                          y: '100%',
                          relativeTo: 'coordinate'
                      }, {
                          type: 'min',
                          x: '100%',
                          y: 0,
                          name: 'abcd',
                          relativeTo: 'coordinate'
                      }, {
                          type: 'max',
                          // x: '100%',
                          // y: '100%',
                          // relativeTo: 'coordinate'
                      }],
                      // label: {
                      //     show: true,
                      //     formatter: 'x: {c}'
                      // }
                  }
              }
          };
121
          var chart = testHelper.create(echarts, 'main0', {
              title: [
…lines 124–139 unchanged (16 lines)

Before

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

comment "<!--\nLicensed to the Apache Software Foundation (ASF) under "...

element

start_tag

< "<"

tag_name "html"

> ">"

element (+145 nodes collapsed)

element

start_tag

< "<"

tag_name "body"

> ">"

style_element

start_tag

< "<"

tag_name "style"

> ">"

raw_text "\n "

end_tag

</ "</"

tag_name "style"

> ">"

element

start_tag

< "<"

tag_name "div"

attribute

attribute_name "id"

= "="

quoted_attribute_value

" "\""

attribute_value "main0"

" "\""

> ">"

end_tag

</ "</"

tag_name "div"

> ">"

script_element

start_tag

< "<"

tag_name "script"

> ">"

raw_text "\n require([\n 'echarts',\n // 'ma"...

end_tag

</ "</"

tag_name "script"

> ">"

end_tag

</ "</"

tag_name "body"

> ">"

end_tag

</ "</"

tag_name "html"

> ">"

After

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

comment "<!--\nLicensed to the Apache Software Foundation (ASF) under "...

element

start_tag

< "<"

tag_name "html"

> ">"

element (+145 nodes collapsed)

element

start_tag

< "<"

tag_name "body"

> ">"

style_element

start_tag

< "<"

tag_name "style"

> ">"

raw_text "\n "

end_tag

</ "</"

tag_name "style"

> ">"

element

start_tag

< "<"

tag_name "div"

attribute

attribute_name "id"

= "="

quoted_attribute_value

" "\""

attribute_value "main0"

" "\""

> ">"

end_tag

</ "</"

tag_name "div"

> ">"

script_element

start_tag

< "<"

tag_name "script"

> ">"

raw_text "\n require([\n 'echarts',\n // 'ma"...

end_tag

</ "</"

tag_name "script"

> ">"

end_tag

</ "</"

tag_name "body"

> ">"

end_tag

</ "</"

tag_name "html"

> ">"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help