{
  "$schema": "http://echarts.baidu.com/doc/json-schem",
  "option": {
    "type": "Object",
    "properties": {
      "title": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>标题组件，包含主标题和副标题。</p>\n<p>在 ECharts 2.x 中单个 ECharts 实例最多只能拥有一个标题组件。但是在 ECharts 3 中可以存在任意多个标题组件，这在需要标题进行排版，或者单个实例中的多个图表都需要标题时会比较有用。</p>\n<p><strong>例如下面不同缓动函数效果的示例，每一个缓动效果图都带有一个标题组件：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-easing&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示标题组件。</p>\n",
            "default": true
          },
          "text": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>主标题文本，支持使用 <code>\\n</code> 换行。</p>\n",
            "default": "''"
          },
          "link": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>主标题文本超链接。</p>\n",
            "default": "''"
          },
          "target": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>指定窗口打开主标题超链接。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;self&#39;</code> 当前窗口打开</p>\n</li>\n<li><p><code>&#39;blank&#39;</code> 新窗口打开</p>\n</li>\n</ul>\n",
            "default": "'blank'"
          },
          "textStyle": {
            "type": [
              "*"
            ],
            "descriptionCN": "",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>主标题文字的颜色。</p>\n",
                "default": "'#333'"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>主标题文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>主标题文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "'bolder'"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>主标题文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>主标题文字的字体大小</p>\n",
                "default": 18
              }
            }
          },
          "textAlign": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>标题文本水平对齐，支持 &#39;left&#39;, &#39;center&#39;, &#39;right&#39;，默认根据标题位置决定。</p>\n"
          },
          "textBaseline": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>标题文本垂直对齐，支持 &#39;top&#39;, &#39;middle&#39;, &#39;bottom&#39;，默认根据标题位置决定。</p>\n"
          },
          "subtext": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>副标题文本，支持使用 <code>\\n</code> 换行。</p>\n",
            "default": "''"
          },
          "sublink": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>副标题文本超链接。</p>\n",
            "default": "''"
          },
          "subtarget": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>指定窗口打开副标题超链接，可选：</p>\n<ul>\n<li><p><code>&#39;self&#39;</code> 当前窗口打开</p>\n</li>\n<li><p><code>&#39;blank&#39;</code> 新窗口打开</p>\n</li>\n</ul>\n",
            "default": "'blank'"
          },
          "subtextStyle": {
            "type": [
              "*"
            ],
            "descriptionCN": "",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>副标题文字的颜色。</p>\n",
                "default": "'#aaa'"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>副标题文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>副标题文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>副标题文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>副标题文字的字体大小</p>\n",
                "default": 12
              }
            }
          },
          "padding": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>标题内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
            "default": 5
          },
          "itemGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>主副标题之间的间距。</p>\n",
            "default": 10
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "backgroundColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>标题背景色，默认透明。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>   ，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code></p>\n</blockquote>\n",
            "default": "'transparent'"
          },
          "borderColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>标题的边框颜色。支持的颜色格式同 backgroundColor。</p>\n",
            "default": "'#ccc'"
          },
          "borderWidth": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>标题的边框线宽。</p>\n",
            "default": 0
          },
          "shadowBlur": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code> 以及值不为 <code>tranparent</code> 的背景色 <code>backgroundColor</code>。</p>\n"
          },
          "shadowColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"
          },
          "shadowOffsetX": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": 0
          },
          "shadowOffsetY": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": 0
          }
        }
      },
      "legend": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>图例组件。</p>\n<p>图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。</p>\n<p>ECharts 3 中单个 echarts 实例中可以存在多个图例组件，会方便多个图例的布局。</p>\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "",
            "default": true
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>图例组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>图例组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>图例组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>图例组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "width": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>图例组件的宽度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "height": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>图例组件的高度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "orient": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>图例列表的布局朝向。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;horizontal&#39;</li>\n<li>&#39;vertical&#39;</li>\n</ul>\n",
            "default": "'horizontal'"
          },
          "align": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>图例标记和文本的对齐。默认自动，根据组件的位置和 orient 决定，当组件的 <a href=\"#legend.left\">left</a> 值为 &#39;right&#39; 以及纵向布局（<a href=\"#legend.orient\">orient</a> 为  &#39;vertical&#39;）的时候为右对齐，及为 &#39;right&#39;。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;auto&#39;</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n</ul>\n",
            "default": "'auto'"
          },
          "padding": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图例内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
            "default": 5
          },
          "itemGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。</p>\n",
            "default": 10
          },
          "itemWidth": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图例标记的图形宽度。</p>\n",
            "default": 25
          },
          "itemHeight": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图例标记的图形高度。</p>\n",
            "default": 14
          },
          "formatter": {
            "type": [
              "string",
              "Function"
            ],
            "descriptionCN": "<p>用来格式化图例文本，支持字符串模板和回调函数两种形式。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为图例名称 {name}\nformatter: &#39;Legend {name}&#39;\n// 使用回调函数\nformatter: function (name) {\n    return &#39;Legend &#39; + name;\n}\n</code></pre>\n",
            "default": null
          },
          "selectedMode": {
            "type": [
              "string",
              "boolean"
            ],
            "descriptionCN": "<p>图例选择的模式，控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 <code>false</code> 关闭。</p>\n<p>除此之外也可以设成 <code>&#39;single&#39;</code> 或者  <code>&#39;multiple&#39;</code> 使用单选或者多选模式。</p>\n",
            "default": true
          },
          "inactiveColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>图例关闭时的颜色。</p>\n",
            "default": "'#ccc'"
          },
          "selected": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>图例选中状态表。</p>\n<p>示例：</p>\n<pre><code>selected: {\n    // 选中&#39;系列1&#39;\n    &#39;系列1&#39;: true,\n    // 不选中&#39;系列2&#39;\n    &#39;系列2&#39;: false\n}\n</code></pre>"
          },
          "textStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>图例的公用文本样式。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>文字的颜色。</p>\n",
                "default": "#333"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>文字的字体大小</p>\n",
                "default": 12
              }
            }
          },
          "tooltip": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>图例的 tooltip 配置，配置项同 <a href=\"#tooltip\">tooltip</a>。默认不显示，可以在 legend 文字很多的时候对文字做裁剪并且开启 tooltip，如下示例：</p>\n<pre><code class=\"lang-js\">legend: {\n    formatter: function (name) {\n        return echarts.format.truncateText(name, 40, &#39;14px Microsoft Yahei&#39;, &#39;…&#39;);\n    },\n    tooltip: {\n        show: true\n    }\n}\n</code></pre>\n"
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的 <code>name</code>（如果是<a href=\"#series-pie\">饼图</a>，也可以是饼图单个数据的 <code>name</code>）。图例组件会自动根据对应系列的图形标记（symbol）来绘制自己的颜色和标记，特殊字符串 <code>&#39;&#39;</code>（空字符串）或者 <code>&#39;\\n&#39;</code>（换行字符串）用于图例的换行。</p>\n<p>如果要设置单独一项的样式，也可以把该项写成配置项对象。此时必须使用 <code>name</code> 属性对应表示系列的 <code>name</code>。</p>\n<p>示例</p>\n<pre><code>data: [{\n    name: &#39;系列1&#39;,\n    // 强制设置图形为圆。\n    icon: &#39;circle&#39;,\n    // 设置文本为红色\n    textStyle: {\n        color: &#39;red&#39;\n    }\n}]\n</code></pre>",
            "items": {
              "type": "Object",
              "properties": {
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>图例项的名称，应等于某系列的<code>name</code>值（如果是饼图，也可以是饼图单个数据的 <code>name</code>）。</p>\n"
                },
                "icon": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>图例项的 icon。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图例项的文本样式。</p>\n"
                }
              }
            }
          },
          "backgroundColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>图例背景色，默认透明。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>   ，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code></p>\n</blockquote>\n",
            "default": "'transparent'"
          },
          "borderColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>图例的边框颜色。支持的颜色格式同 backgroundColor。</p>\n",
            "default": "'#ccc'"
          },
          "borderWidth": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图例的边框线宽。</p>\n",
            "default": 1
          },
          "shadowBlur": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code> 以及值不为 <code>tranparent</code> 的背景色 <code>backgroundColor</code>。</p>\n"
          },
          "shadowColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"
          },
          "shadowOffsetX": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": 0
          },
          "shadowOffsetY": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": 0
          }
        }
      },
      "grid": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制<a href=\"#series-line\">折线图</a>，<a href=\"#series-bar\">柱状图</a>，<a href=\"#series-scatter\">散点图（气泡图）</a>。</p>\n<p>在 ECharts 2.x 里单个 echarts 实例中最多只能存在一个 grid 组件，在 ECharts 3 中可以存在任意个 grid 组件。</p>\n<p><strong>例如下面这个 Anscombe Quartet 的示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-anscombe-quartet&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示直角坐标系网格。</p>\n",
            "default": false
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'10%'"
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": 60
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
            "default": "'10%'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
            "default": 60
          },
          "width": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件的宽度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "height": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>grid 组件的高度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "containLabel": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>grid 区域是否包含坐标轴的<a href=\"#yAxis.axisLabel\">刻度标签</a>。</p>\n<ul>\n<li>containLabel 为 <code>false</code> 的时候：<ul>\n<li><code>grid.left</code> <code>grid.right</code> <code>grid.top</code> <code>grid.bottom</code> <code>grid.width</code> <code>grid.height</code> 决定的是由坐标轴形成的矩形的尺寸和位置。</li>\n<li>这比较适用于多个 <code>grid</code> 进行对齐的场景，因为往往多个 <code>grid</code> 对齐的时候，是依据坐标轴来对齐的。</li>\n</ul>\n</li>\n<li>containLabel 为 <code>true</code> 的时候：<ul>\n<li><code>grid.left</code> <code>grid.right</code> <code>grid.top</code> <code>grid.bottom</code> <code>grid.width</code> <code>grid.height</code> 决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置。</li>\n<li>这常用于『防止标签溢出』的场景，标签溢出指的是，标签长度动态变化时，可能会溢出容器或者覆盖其他组件。</li>\n</ul>\n</li>\n</ul>\n",
            "default": false
          },
          "backgroundColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>网格背景色，默认透明。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>   ，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code></p>\n</blockquote>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": "'transparent'"
          },
          "borderColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>网格的边框颜色。支持的颜色格式同 backgroundColor。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": "'#ccc'"
          },
          "borderWidth": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>网格的边框线宽。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": 1
          },
          "shadowBlur": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code> 以及值不为 <code>tranparent</code> 的背景色 <code>backgroundColor</code>。</p>\n"
          },
          "shadowColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"
          },
          "shadowOffsetX": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": 0
          },
          "shadowOffsetY": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n",
            "default": 0
          },
          "tooltip": {
            "type": [
              "*"
            ],
            "descriptionCN": "<p>本坐标系特定的 tooltip 设定。</p>\n<hr>\n<p><strong>提示框组件的通用介绍：</strong></p>\n<p>提示框组件可以设置在多种地方：</p>\n<ul>\n<li><p>可以设置在全局，即 <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>可以设置在坐标系中，即 <a href=\"#grid.tooltip\">grid.tooltip</a>、<a href=\"#polar.tooltip\">polar.tooltip</a>、<a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>可以设置在系列中，即 <a href=\"#series.tooltip\">series.tooltip</a></p>\n</li>\n<li><p>可以设置在系列的每个数据项中，即 <a href=\"#series.data.tooltip\">series.data.tooltip</a></p>\n</li>\n</ul>\n<hr>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n",
                "default": true
              },
              "trigger": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n",
                "default": "'item'"
              },
              "axisPointer": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器配置项。</p>\n<p><code>tooltip.axisPointer</code> 是配置坐标轴指示器的快捷方式。实际上坐标轴指示器的全部功能，都可以通过轴上的 axisPointer 配置项完成（例如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a> 或 <a href=\"#angleAxis.axisPointer\">angleAxis.axisPointer</a>）。但是使用 <code>tooltip.axisPinter</code> 在简单场景下会更方便一些。</p>\n<blockquote>\n<p><strong>注意：</strong> <code>tooltip.axisPointer</code> 中诸配置项的优先级低于轴上的 axisPointer 的配置项。</p>\n</blockquote>\n<hr>\n<p>坐标轴指示器是指示坐标轴当前刻度的工具。</p>\n<p>如下例，鼠标悬浮到图上，可以出现标线和刻度文本。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/candlestick-axisPointer&edit=1&reset=1\" width=\"600\" height=\"450\" ></iframe>\n\n\n<p>上例中，使用了 <a href=\"#axisPointer.link\">axisPointer.link</a> 来关联不同的坐标系中的 axisPointer。</p>\n<p>坐标轴指示器也有适合触屏的交互方式，如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-x-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n\n\n\n<hr>\n<blockquote>\n<p><strong>注意：</strong>\n一般来说，axisPointer 的具体配置项会配置在各个轴中（如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a>）或者 <code>tooltip</code> 中（如 <a href=\"#tooltip.axisPointer\">tooltip.axisPointer</a>）。</p>\n<p>但是这几个选项只能配置在全局的 axisPointer 中：<a href=\"#axisPointer.triggerOn\">axisPointer.triggerOn</a>、<a href=\"#axisPointer.link\">axisPointer.link</a>。</p>\n</blockquote>\n<hr>\n<p><strong>如何显示 axisPointer：</strong></p>\n<p>直角坐标系 <a href=\"#grid\">grid</a>、极坐标系 <a href=\"#polar\">polar</a>、单轴坐标系 <a href=\"#single\">single</a> 中的每个轴都自己的 axisPointer。</p>\n<p>他们的 axisPointer 默认不显示。有两种方法可以让他们显示：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.show</a>）为 <code>true</code>，则显示此轴的 axisPointer。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则此时坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。注意，轴上如果设置了 axisPointer，会覆盖此设置。</p>\n</li>\n</ul>\n<hr>\n<p><strong>如何显示 axisPointer 的 label：</strong></p>\n<p>axisPointer 的 label 默认不显示（也就是默认只显示指示线），除非：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.label.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.label.show</a>）为 <code>true</code>，则显示此轴的 axisPointer 的 label。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时会自动显示 axisPointer 的 label。</p>\n</li>\n</ul>\n<hr>\n<p><strong>关于触屏的 axisPointer 的设置</strong></p>\n<p>设置轴上的 <code>axisPointer.handle.show</code>（例如 <a href=\"#xAxis.axisPointer.handle.show\">xAxis.axisPointer.handle.show</a> 为 <code>true</code> 则会显示出此 axisPointer 的拖拽按钮。（polar 坐标系暂不支持此功能）。</p>\n<p><strong>注意：</strong>\n如果发现此时 tooltip 效果不良好，可设置 <a href=\"#tooltip.triggerOn\">tooltip.triggerOn</a> 为 <code>&#39;none&#39;</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<hr>\n<p><strong>自动吸附到数据（snap）</strong></p>\n<p>对于数值轴、时间轴，如果开启了 <a href=\"#xAxis.axisPointer.snap\">snap</a>，则 axisPointer 会自动吸附到最近的点上。</p>\n<hr>\n",
                "properties": {
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n",
                    "default": "'line'"
                  },
                  "axis": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n",
                    "default": "'auto'"
                  },
                  "snap": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
                  },
                  "z": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
                  },
                  "label": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                    "properties": {
                      "show": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                        "default": false
                      },
                      "precision": {
                        "type": [
                          "number",
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                        "default": "'auto'"
                      },
                      "formatter": {
                        "type": [
                          "string",
                          "Function"
                        ],
                        "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                        "default": null
                      },
                      "margin": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                        "default": 3
                      },
                      "textStyle": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>文字的颜色。</p>\n",
                            "default": "'#fff'"
                          },
                          "fontStyle": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                            "default": "'normal'"
                          },
                          "fontWeight": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                            "default": "normal"
                          },
                          "fontFamily": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字的字体系列</p>\n",
                            "default": "'sans-serif'"
                          },
                          "fontSize": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>文字的字体大小</p>\n",
                            "default": 12
                          }
                        }
                      },
                      "padding": {
                        "type": [
                          "string",
                          "Array"
                        ],
                        "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                        "default": "[5, 7, 5, 7]"
                      },
                      "backgroundColor": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                        "default": "'auto'"
                      },
                      "borderColor": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                        "default": null
                      },
                      "borderWidth": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                        "default": 0
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                        "default": 3
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                        "default": "#aaa"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      }
                    }
                  },
                  "lineStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "#555"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "solid"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  },
                  "shadowStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "'rgba(150,150,150,0.3)"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  },
                  "crossStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "#555"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "dashed"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  }
                }
              },
              "position": {
                "type": [
                  "string",
                  "Array",
                  "Function"
                ],
                "descriptionCN": "<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
              },
              "backgroundColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>提示框浮层的背景颜色。</p>\n",
                "default": "'rgba(50,50,50,0.7)'"
              },
              "borderColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>提示框浮层的边框颜色。</p>\n",
                "default": "'#333'"
              },
              "borderWidth": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>提示框浮层的边框宽。</p>\n",
                "default": 0
              },
              "padding": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                "default": 5
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>提示框浮层的文本样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "'#fff'"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 14
                  }
                }
              },
              "extraCssText": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
              }
            }
          }
        }
      },
      "xAxis": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放左右两个 x 轴，多于两个 x 轴需要通过配置 <a href=\"#xAxis.offset\">offset</a> 属性防止同个位置多个 x 轴的重叠。</p>\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示 x 轴。</p>\n",
            "default": true
          },
          "gridIndex": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>x 轴所在的 grid 的索引，默认位于第一个 grid。</p>\n",
            "default": 0
          },
          "position": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>x 轴的位置。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p>默认 grid 中的第一个 x 轴在 grid 的下方（<code>&#39;bottom&#39;</code>），第二个 x 轴视第一个 x 轴的位置放在另一侧。</p>\n"
          },
          "offset": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>X 轴相对于默认位置的偏移，在相同的 <code>position</code> 上有多个 X 轴的时候有用。</p>\n",
            "default": 0
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#xAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n",
            "default": "'category'"
          },
          "name": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称。</p>\n"
          },
          "nameLocation": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n",
            "default": "'end'"
          },
          "nameTextStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴名称的文字样式。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>坐标轴名称的颜色，默认取 <a href=\"#xAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体大小</p>\n<!-- Overwrite color -->",
                "default": 12
              }
            }
          },
          "nameGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名称与轴线之间的距离。</p>\n",
            "default": 15
          },
          "nameRotate": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名字旋转，角度值。</p>\n",
            "default": null
          },
          "inverse": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n",
            "default": false
          },
          "boundaryGap": {
            "type": [
              "boolean",
              "Array"
            ],
            "descriptionCN": "<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#xAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#xAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#xAxis.min\">min</a> 和 <a href=\"#xAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"
          },
          "min": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "max": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "scale": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>只在数值轴中（<a href=\"#xAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#xAxis.min\">min</a> 和 <a href=\"#xAxis.max\">max</a> 之后该配置项无效。</p>\n",
            "default": false
          },
          "splitNumber": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n",
            "default": 5
          },
          "minInterval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴中（<a href=\"#xAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n",
            "default": 0
          },
          "interval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#xAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#xAxis.min\">min</a>、<a href=\"#xAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#xAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#xAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"
          },
          "logBase": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>对数轴的底数，只在对数轴中（<a href=\"#xAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n",
            "default": 10
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
            "default": false
          },
          "triggerEvent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
            "default": false
          },
          "axisLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                "default": true
              },
              "onZero": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#333'"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "axisTick": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                "default": true
              },
              "alignWithLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                "default": false
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#xAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "length": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                "default": 5
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#xAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "axisLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "rotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n",
                "default": 0
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                "default": 8
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                "default": null
              },
              "showMinLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                "default": null
              },
              "showMaxLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#xAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  },
                  "align": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                  },
                  "baseline": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "splitLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#xAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Array",
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>",
                    "default": "['#ccc']"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>分隔线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"
                  }
                }
              }
            }
          },
          "splitArea": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n",
            "properties": {
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#xAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔区域。</p>\n",
                "default": false
              },
              "areaStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>分隔区域的样式设置。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n",
                    "default": "['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>类目数据，在类目轴（<a href=\"#xAxis.type\">type</a>: &#39;category&#39;）中有效。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n    value: &#39;周一&#39;,\n    // 突出周一\n    textStyle: {\n        fontSize: 20,\n        color: &#39;red&#39;\n    }\n}, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n</code></pre>\n",
            "items": {
              "type": "Object",
              "properties": {
                "value": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>单个类目名称。</p>\n"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>类目标签的文字样式。</p>\n",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>文字的颜色。</p>\n",
                      "default": "\"#fff\""
                    },
                    "align": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                    },
                    "baseline": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                }
              }
            }
          },
          "axisPointer": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>axisPointer settings on axis.</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n",
                "default": false
              },
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n",
                "default": "'line'"
              },
              "snap": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
              },
              "z": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
              },
              "label": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                    "default": false
                  },
                  "precision": {
                    "type": [
                      "number",
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                    "default": "'auto'"
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "margin": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                    "default": 3
                  },
                  "textStyle": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "'#fff'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  },
                  "padding": {
                    "type": [
                      "string",
                      "Array"
                    ],
                    "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                    "default": "[5, 7, 5, 7]"
                  },
                  "backgroundColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                    "default": "'auto'"
                  },
                  "borderColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                    "default": null
                  },
                  "borderWidth": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                    "default": 0
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#555"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "solid"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "shadowStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'rgba(150,150,150,0.3)"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "tiggerTooltip": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n",
                "default": true
              },
              "value": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n",
                "default": null
              },
              "status": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"
              },
              "handle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n",
                    "default": false
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>手柄的图标。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"
                  },
                  "size": {
                    "type": [
                      "number",
                      "Array"
                    ],
                    "descriptionCN": "<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n",
                    "default": 45
                  },
                  "margin": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n",
                    "default": 50
                  },
                  "color": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>手柄颜色。</p>\n",
                    "default": "'#333'"
                  },
                  "throttle": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n",
                    "default": 40
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 2
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              }
            }
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>X 轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>X 轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 0
          }
        }
      },
      "yAxis": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>直角坐标系 grid 中的 y 轴，一般情况下单个 grid 组件最多只能放左右两个 y 轴，多于两个 y 轴需要通过配置 <a href=\"#yAxis.offset\">offset</a> 属性防止同个位置多个 Y 轴的重叠。</p>\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示 y 轴。</p>\n",
            "default": true
          },
          "gridIndex": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>y 轴所在的 grid 的索引，默认位于第一个 grid。</p>\n",
            "default": 0
          },
          "position": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>y 轴的位置。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p>默认 grid 中的第一个 y 轴在 grid 的左侧（<code>&#39;left&#39;</code>），第二个 y 轴视第一个 y 轴的位置放在另一侧。</p>\n"
          },
          "offset": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>Y 轴相对于默认位置的偏移，在相同的 <code>position</code> 上有多个 Y 轴的时候有用。</p>\n",
            "default": 0
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#yAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n",
            "default": "'value'"
          },
          "name": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称。</p>\n"
          },
          "nameLocation": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n",
            "default": "'end'"
          },
          "nameTextStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴名称的文字样式。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>坐标轴名称的颜色，默认取 <a href=\"#yAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体大小</p>\n<!-- Overwrite color -->",
                "default": 12
              }
            }
          },
          "nameGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名称与轴线之间的距离。</p>\n",
            "default": 15
          },
          "nameRotate": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名字旋转，角度值。</p>\n",
            "default": null
          },
          "inverse": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n",
            "default": false
          },
          "boundaryGap": {
            "type": [
              "boolean",
              "Array"
            ],
            "descriptionCN": "<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#yAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#yAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#yAxis.min\">min</a> 和 <a href=\"#yAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"
          },
          "min": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "max": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "scale": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>只在数值轴中（<a href=\"#yAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#yAxis.min\">min</a> 和 <a href=\"#yAxis.max\">max</a> 之后该配置项无效。</p>\n",
            "default": false
          },
          "splitNumber": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n",
            "default": 5
          },
          "minInterval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴中（<a href=\"#yAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n",
            "default": 0
          },
          "interval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#yAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#yAxis.min\">min</a>、<a href=\"#yAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#yAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#yAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"
          },
          "logBase": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>对数轴的底数，只在对数轴中（<a href=\"#yAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n",
            "default": 10
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
            "default": false
          },
          "triggerEvent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
            "default": false
          },
          "axisLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                "default": true
              },
              "onZero": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#333'"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "axisTick": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                "default": true
              },
              "alignWithLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                "default": false
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#yAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "length": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                "default": 5
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#yAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "axisLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "rotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n",
                "default": 0
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                "default": 8
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                "default": null
              },
              "showMinLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                "default": null
              },
              "showMaxLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#yAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  },
                  "align": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                  },
                  "baseline": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "splitLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#yAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Array",
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>",
                    "default": "['#ccc']"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>分隔线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"
                  }
                }
              }
            }
          },
          "splitArea": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n",
            "properties": {
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#yAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔区域。</p>\n",
                "default": false
              },
              "areaStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>分隔区域的样式设置。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n",
                    "default": "['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>类目数据，在类目轴（<a href=\"#yAxis.type\">type</a>: &#39;category&#39;）中有效。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n    value: &#39;周一&#39;,\n    // 突出周一\n    textStyle: {\n        fontSize: 20,\n        color: &#39;red&#39;\n    }\n}, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n</code></pre>\n",
            "items": {
              "type": "Object",
              "properties": {
                "value": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>单个类目名称。</p>\n"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>类目标签的文字样式。</p>\n",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>文字的颜色。</p>\n",
                      "default": "\"#fff\""
                    },
                    "align": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                    },
                    "baseline": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                }
              }
            }
          },
          "axisPointer": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>axisPointer settings on axis.</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n",
                "default": false
              },
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n",
                "default": "'line'"
              },
              "snap": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
              },
              "z": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
              },
              "label": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                    "default": false
                  },
                  "precision": {
                    "type": [
                      "number",
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                    "default": "'auto'"
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "margin": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                    "default": 3
                  },
                  "textStyle": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "'#fff'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  },
                  "padding": {
                    "type": [
                      "string",
                      "Array"
                    ],
                    "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                    "default": "[5, 7, 5, 7]"
                  },
                  "backgroundColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                    "default": "'auto'"
                  },
                  "borderColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                    "default": null
                  },
                  "borderWidth": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                    "default": 0
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#555"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "solid"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "shadowStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'rgba(150,150,150,0.3)"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "tiggerTooltip": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n",
                "default": true
              },
              "value": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n",
                "default": null
              },
              "status": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"
              },
              "handle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n",
                    "default": false
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>手柄的图标。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"
                  },
                  "size": {
                    "type": [
                      "number",
                      "Array"
                    ],
                    "descriptionCN": "<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n",
                    "default": 45
                  },
                  "margin": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n",
                    "default": 50
                  },
                  "color": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>手柄颜色。</p>\n",
                    "default": "'#333'"
                  },
                  "throttle": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n",
                    "default": 40
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 2
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              }
            }
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>Y 轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>Y 轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 0
          }
        }
      },
      "polar": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>极坐标系，可以用于散点图和折线图。每个极坐标系拥有一个<a href=\"#angleAxis\">角度轴</a>和一个<a href=\"#radiusAxis\">半径轴</a>。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-polar-punchCard&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n\n\n",
        "properties": {
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "center": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>极坐标系的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。</p>\n<p>支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。</p>\n<p><strong>使用示例：</strong></p>\n<pre><code>// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>",
            "default": "['50%', '50%']"
          },
          "radius": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>极坐标系的半径，数组的第一项是内半径，第二项是外半径。</p>\n<p>支持设置成百分比，相对于容器高宽中较小的一项的一半。</p>\n"
          },
          "tooltip": {
            "type": [
              "*"
            ],
            "descriptionCN": "<p>本坐标系特定的 tooltip 设定。</p>\n<hr>\n<p><strong>提示框组件的通用介绍：</strong></p>\n<p>提示框组件可以设置在多种地方：</p>\n<ul>\n<li><p>可以设置在全局，即 <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>可以设置在坐标系中，即 <a href=\"#grid.tooltip\">grid.tooltip</a>、<a href=\"#polar.tooltip\">polar.tooltip</a>、<a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>可以设置在系列中，即 <a href=\"#series.tooltip\">series.tooltip</a></p>\n</li>\n<li><p>可以设置在系列的每个数据项中，即 <a href=\"#series.data.tooltip\">series.data.tooltip</a></p>\n</li>\n</ul>\n<hr>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n",
                "default": true
              },
              "trigger": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n",
                "default": "'item'"
              },
              "axisPointer": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器配置项。</p>\n<p><code>tooltip.axisPointer</code> 是配置坐标轴指示器的快捷方式。实际上坐标轴指示器的全部功能，都可以通过轴上的 axisPointer 配置项完成（例如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a> 或 <a href=\"#angleAxis.axisPointer\">angleAxis.axisPointer</a>）。但是使用 <code>tooltip.axisPinter</code> 在简单场景下会更方便一些。</p>\n<blockquote>\n<p><strong>注意：</strong> <code>tooltip.axisPointer</code> 中诸配置项的优先级低于轴上的 axisPointer 的配置项。</p>\n</blockquote>\n<hr>\n<p>坐标轴指示器是指示坐标轴当前刻度的工具。</p>\n<p>如下例，鼠标悬浮到图上，可以出现标线和刻度文本。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/candlestick-axisPointer&edit=1&reset=1\" width=\"600\" height=\"450\" ></iframe>\n\n\n<p>上例中，使用了 <a href=\"#axisPointer.link\">axisPointer.link</a> 来关联不同的坐标系中的 axisPointer。</p>\n<p>坐标轴指示器也有适合触屏的交互方式，如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-x-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n\n\n\n<hr>\n<blockquote>\n<p><strong>注意：</strong>\n一般来说，axisPointer 的具体配置项会配置在各个轴中（如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a>）或者 <code>tooltip</code> 中（如 <a href=\"#tooltip.axisPointer\">tooltip.axisPointer</a>）。</p>\n<p>但是这几个选项只能配置在全局的 axisPointer 中：<a href=\"#axisPointer.triggerOn\">axisPointer.triggerOn</a>、<a href=\"#axisPointer.link\">axisPointer.link</a>。</p>\n</blockquote>\n<hr>\n<p><strong>如何显示 axisPointer：</strong></p>\n<p>直角坐标系 <a href=\"#grid\">grid</a>、极坐标系 <a href=\"#polar\">polar</a>、单轴坐标系 <a href=\"#single\">single</a> 中的每个轴都自己的 axisPointer。</p>\n<p>他们的 axisPointer 默认不显示。有两种方法可以让他们显示：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.show</a>）为 <code>true</code>，则显示此轴的 axisPointer。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则此时坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。注意，轴上如果设置了 axisPointer，会覆盖此设置。</p>\n</li>\n</ul>\n<hr>\n<p><strong>如何显示 axisPointer 的 label：</strong></p>\n<p>axisPointer 的 label 默认不显示（也就是默认只显示指示线），除非：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.label.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.label.show</a>）为 <code>true</code>，则显示此轴的 axisPointer 的 label。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时会自动显示 axisPointer 的 label。</p>\n</li>\n</ul>\n<hr>\n<p><strong>关于触屏的 axisPointer 的设置</strong></p>\n<p>设置轴上的 <code>axisPointer.handle.show</code>（例如 <a href=\"#xAxis.axisPointer.handle.show\">xAxis.axisPointer.handle.show</a> 为 <code>true</code> 则会显示出此 axisPointer 的拖拽按钮。（polar 坐标系暂不支持此功能）。</p>\n<p><strong>注意：</strong>\n如果发现此时 tooltip 效果不良好，可设置 <a href=\"#tooltip.triggerOn\">tooltip.triggerOn</a> 为 <code>&#39;none&#39;</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<hr>\n<p><strong>自动吸附到数据（snap）</strong></p>\n<p>对于数值轴、时间轴，如果开启了 <a href=\"#xAxis.axisPointer.snap\">snap</a>，则 axisPointer 会自动吸附到最近的点上。</p>\n<hr>\n",
                "properties": {
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n",
                    "default": "'line'"
                  },
                  "axis": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n",
                    "default": "'auto'"
                  },
                  "snap": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
                  },
                  "z": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
                  },
                  "label": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                    "properties": {
                      "show": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                        "default": false
                      },
                      "precision": {
                        "type": [
                          "number",
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                        "default": "'auto'"
                      },
                      "formatter": {
                        "type": [
                          "string",
                          "Function"
                        ],
                        "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                        "default": null
                      },
                      "margin": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                        "default": 3
                      },
                      "textStyle": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>文字的颜色。</p>\n",
                            "default": "'#fff'"
                          },
                          "fontStyle": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                            "default": "'normal'"
                          },
                          "fontWeight": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                            "default": "normal"
                          },
                          "fontFamily": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字的字体系列</p>\n",
                            "default": "'sans-serif'"
                          },
                          "fontSize": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>文字的字体大小</p>\n",
                            "default": 12
                          }
                        }
                      },
                      "padding": {
                        "type": [
                          "string",
                          "Array"
                        ],
                        "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                        "default": "[5, 7, 5, 7]"
                      },
                      "backgroundColor": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                        "default": "'auto'"
                      },
                      "borderColor": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                        "default": null
                      },
                      "borderWidth": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                        "default": 0
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                        "default": 3
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                        "default": "#aaa"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      }
                    }
                  },
                  "lineStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "#555"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "solid"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  },
                  "shadowStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "'rgba(150,150,150,0.3)"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  },
                  "crossStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "#555"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "dashed"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  }
                }
              },
              "position": {
                "type": [
                  "string",
                  "Array",
                  "Function"
                ],
                "descriptionCN": "<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
              },
              "backgroundColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>提示框浮层的背景颜色。</p>\n",
                "default": "'rgba(50,50,50,0.7)'"
              },
              "borderColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>提示框浮层的边框颜色。</p>\n",
                "default": "'#333'"
              },
              "borderWidth": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>提示框浮层的边框宽。</p>\n",
                "default": 0
              },
              "padding": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                "default": 5
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>提示框浮层的文本样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "'#fff'"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 14
                  }
                }
              },
              "extraCssText": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
              }
            }
          }
        }
      },
      "radiusAxis": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>极坐标系的径向轴。</p>\n",
        "properties": {
          "polarIndex": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>径向轴所在的极坐标系的索引，默认使用第一个极坐标系。</p>\n",
            "default": 0
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#radiusAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n",
            "default": "'value'"
          },
          "name": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称。</p>\n"
          },
          "nameLocation": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n",
            "default": "'end'"
          },
          "nameTextStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴名称的文字样式。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>坐标轴名称的颜色，默认取 <a href=\"#radiusAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体大小</p>\n<!-- Overwrite color -->",
                "default": 12
              }
            }
          },
          "nameGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名称与轴线之间的距离。</p>\n",
            "default": 15
          },
          "nameRotate": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名字旋转，角度值。</p>\n",
            "default": null
          },
          "inverse": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n",
            "default": false
          },
          "boundaryGap": {
            "type": [
              "boolean",
              "Array"
            ],
            "descriptionCN": "<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#radiusAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#radiusAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#radiusAxis.min\">min</a> 和 <a href=\"#radiusAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"
          },
          "min": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "max": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "scale": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>只在数值轴中（<a href=\"#radiusAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#radiusAxis.min\">min</a> 和 <a href=\"#radiusAxis.max\">max</a> 之后该配置项无效。</p>\n",
            "default": false
          },
          "splitNumber": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n",
            "default": 5
          },
          "minInterval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴中（<a href=\"#radiusAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n",
            "default": 0
          },
          "interval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#radiusAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#radiusAxis.min\">min</a>、<a href=\"#radiusAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#radiusAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#radiusAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"
          },
          "logBase": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>对数轴的底数，只在对数轴中（<a href=\"#radiusAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n",
            "default": 10
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
            "default": false
          },
          "triggerEvent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
            "default": false
          },
          "axisLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#333'"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "axisTick": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                "default": true
              },
              "alignWithLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                "default": false
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#radiusAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "length": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                "default": 5
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#radiusAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "axisLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "rotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n",
                "default": 0
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                "default": 8
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                "default": null
              },
              "showMinLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                "default": null
              },
              "showMaxLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#radiusAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  },
                  "align": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                  },
                  "baseline": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "splitLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#radiusAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Array",
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>",
                    "default": "['#ccc']"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>分隔线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"
                  }
                }
              }
            }
          },
          "splitArea": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n",
            "properties": {
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#radiusAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔区域。</p>\n",
                "default": false
              },
              "areaStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>分隔区域的样式设置。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n",
                    "default": "['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>类目数据，在类目轴（<a href=\"#radiusAxis.type\">type</a>: &#39;category&#39;）中有效。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n    value: &#39;周一&#39;,\n    // 突出周一\n    textStyle: {\n        fontSize: 20,\n        color: &#39;red&#39;\n    }\n}, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n</code></pre>\n",
            "items": {
              "type": "Object",
              "properties": {
                "value": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>单个类目名称。</p>\n"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>类目标签的文字样式。</p>\n",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>文字的颜色。</p>\n",
                      "default": "\"#fff\""
                    },
                    "align": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                    },
                    "baseline": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                }
              }
            }
          },
          "axisPointer": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>axisPointer settings on axis.</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n",
                "default": false
              },
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n",
                "default": "'line'"
              },
              "snap": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
              },
              "z": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
              },
              "label": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                    "default": false
                  },
                  "precision": {
                    "type": [
                      "number",
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                    "default": "'auto'"
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "margin": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                    "default": 3
                  },
                  "textStyle": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "'#fff'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  },
                  "padding": {
                    "type": [
                      "string",
                      "Array"
                    ],
                    "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                    "default": "[5, 7, 5, 7]"
                  },
                  "backgroundColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                    "default": "'auto'"
                  },
                  "borderColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                    "default": null
                  },
                  "borderWidth": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                    "default": 0
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#555"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "solid"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "shadowStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'rgba(150,150,150,0.3)"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "tiggerTooltip": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n",
                "default": true
              },
              "value": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n",
                "default": null
              },
              "status": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"
              },
              "handle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n",
                    "default": false
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>手柄的图标。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"
                  },
                  "size": {
                    "type": [
                      "number",
                      "Array"
                    ],
                    "descriptionCN": "<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n",
                    "default": 45
                  },
                  "margin": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n",
                    "default": 50
                  },
                  "color": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>手柄颜色。</p>\n",
                    "default": "'#333'"
                  },
                  "throttle": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n",
                    "default": 40
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 2
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              }
            }
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>半径轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>半径轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 0
          }
        }
      },
      "angleAxis": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>极坐标系的角度轴。</p>\n",
        "properties": {
          "polarIndex": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>角度轴所在的极坐标系的索引，默认使用第一个极坐标系。</p>\n",
            "default": 0
          },
          "startAngle": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。</p>\n<p>如下示例是 startAngle 为 45 的效果：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/polar-start-angle&edit=1&reset=1\" width=\"400\" height=\"400\" ></iframe>\n\n",
            "default": 90
          },
          "clockwise": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>刻度增长是否按顺时针，默认顺时针。</p>\n<p>如下示例是 clockwise 为 <code>false</code> （逆时针）的效果：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/polar-anticlockwise&edit=1&reset=1\" width=\"400\" height=\"400\" ></iframe>\n\n\n\n",
            "default": true
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#angleAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n",
            "default": "'category'"
          },
          "boundaryGap": {
            "type": [
              "boolean",
              "Array"
            ],
            "descriptionCN": "<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#angleAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#angleAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#angleAxis.min\">min</a> 和 <a href=\"#angleAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"
          },
          "min": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "max": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "scale": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>只在数值轴中（<a href=\"#angleAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#angleAxis.min\">min</a> 和 <a href=\"#angleAxis.max\">max</a> 之后该配置项无效。</p>\n",
            "default": false
          },
          "splitNumber": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n",
            "default": 5
          },
          "minInterval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴中（<a href=\"#angleAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n",
            "default": 0
          },
          "interval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#angleAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#angleAxis.min\">min</a>、<a href=\"#angleAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#angleAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#angleAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"
          },
          "logBase": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>对数轴的底数，只在对数轴中（<a href=\"#angleAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n",
            "default": 10
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
            "default": false
          },
          "triggerEvent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
            "default": false
          },
          "axisLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#333'"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "axisTick": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                "default": true
              },
              "alignWithLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                "default": false
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#angleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "length": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                "default": 5
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#angleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "axisLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                "default": 8
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                "default": null
              },
              "showMinLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                "default": null
              },
              "showMaxLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#angleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  },
                  "align": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                  },
                  "baseline": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "splitLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#angleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Array",
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>",
                    "default": "['#ccc']"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>分隔线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"
                  }
                }
              }
            }
          },
          "splitArea": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n",
            "properties": {
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#angleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔区域。</p>\n",
                "default": false
              },
              "areaStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>分隔区域的样式设置。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n",
                    "default": "['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>类目数据，在类目轴（<a href=\"#angleAxis.type\">type</a>: &#39;category&#39;）中有效。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n    value: &#39;周一&#39;,\n    // 突出周一\n    textStyle: {\n        fontSize: 20,\n        color: &#39;red&#39;\n    }\n}, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n</code></pre>\n",
            "items": {
              "type": "Object",
              "properties": {
                "value": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>单个类目名称。</p>\n"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>类目标签的文字样式。</p>\n",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>文字的颜色。</p>\n",
                      "default": "\"#fff\""
                    },
                    "align": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                    },
                    "baseline": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                }
              }
            }
          },
          "axisPointer": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>axisPointer settings on axis.</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n",
                "default": false
              },
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n",
                "default": "'line'"
              },
              "snap": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
              },
              "z": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
              },
              "label": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                    "default": false
                  },
                  "precision": {
                    "type": [
                      "number",
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                    "default": "'auto'"
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "margin": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                    "default": 3
                  },
                  "textStyle": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "'#fff'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  },
                  "padding": {
                    "type": [
                      "string",
                      "Array"
                    ],
                    "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                    "default": "[5, 7, 5, 7]"
                  },
                  "backgroundColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                    "default": "'auto'"
                  },
                  "borderColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                    "default": null
                  },
                  "borderWidth": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                    "default": 0
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#555"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "solid"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "shadowStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'rgba(150,150,150,0.3)"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "tiggerTooltip": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n",
                "default": true
              },
              "value": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n",
                "default": null
              },
              "status": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"
              },
              "handle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n",
                    "default": false
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>手柄的图标。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"
                  },
                  "size": {
                    "type": [
                      "number",
                      "Array"
                    ],
                    "descriptionCN": "<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n",
                    "default": 45
                  },
                  "margin": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n",
                    "default": 50
                  },
                  "color": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>手柄颜色。</p>\n",
                    "default": "'#333'"
                  },
                  "throttle": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n",
                    "default": 40
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 2
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              }
            }
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>角度轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>角度轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 0
          }
        }
      },
      "radar": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>雷达图坐标系组件，只适用于<a href=\"#series-radar\">雷达图</a>。该组件等同 ECharts 2 中的 polar 组件。因为 3 中的 polar 被重构为标准的极坐标组件，为避免混淆，雷达图使用 radar 组件作为其坐标系。</p>\n<p>雷达图坐标系与极坐标系不同的是它的每一个轴（indicator 指示器）都是一个单独的维度，可以通过 <a href=\"#radar.name\">name</a>、<a href=\"#radar.axisLine\">axisLine</a>、<a href=\"#radar.axisTick\">axisTick</a>、<a href=\"#radar.axisLabel\">axisLabel</a>、<a href=\"#radar.splitLine\">splitLine</a>、 <a href=\"#radar.splitArea\">splitArea</a> 几个配置项配置指示器坐标轴线的样式。</p>\n<p>下面是一个 radar 组件的一个自定义例子。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/radar&edit=1&reset=1\" width=\"400\" height=\"400\" ></iframe>\n\n\n\n\n\n",
        "properties": {
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "center": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。</p>\n<p>支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。</p>\n<p><strong>使用示例：</strong></p>\n<pre><code>// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>",
            "default": "['50%', '50%']"
          },
          "radius": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>的半径，数组的第一项是内半径，第二项是外半径。</p>\n<p>支持设置成百分比，相对于容器高宽中较小的一项的一半。</p>\n",
            "default": "75%"
          },
          "startAngle": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标系起始角度，也就是第一个指示器轴的角度。</p>\n",
            "default": 90
          },
          "name": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>雷达图每个指示器名称的配置项。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示指示器名称。</p>\n",
                "default": true
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>指示器名称显示的格式器。支持字符串和回调函数，如下示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为指示器名称 {value}\nformatter: &#39;【{value}】&#39;\n// 使用回调函数，第一个参数是指示器名称，第二个参数是指示器配置项\nformatter: function (value, indicator) {\n    return &#39;【&#39; + value + &#39;】&#39;;\n}\n</code></pre>\n"
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "'#333'"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  }
                }
              }
            }
          },
          "nameGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>指示器名称和指示器轴的距离。</p>\n",
            "default": 15
          },
          "splitNumber": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>指示器轴的分割段数。</p>\n",
            "default": 5
          },
          "shape": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>雷达图绘制类型，支持 <code>&#39;polygon&#39;</code> 和 <code>&#39;circle&#39;</code>。</p>\n",
            "default": "'polygon'"
          },
          "scale": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n",
            "default": false
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
            "default": false
          },
          "triggerEvent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
            "default": false
          },
          "axisLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#333'"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "axisTick": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                "default": false
              },
              "alignWithLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                "default": false
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "length": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                "default": 5
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "axisLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                "default": false
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "rotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n",
                "default": 0
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                "default": 8
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                "default": null
              },
              "showMinLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                "default": null
              },
              "showMaxLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  },
                  "align": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                  },
                  "baseline": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "splitLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Array",
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>",
                    "default": "['#ccc']"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>分隔线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"
                  }
                }
              }
            }
          },
          "splitArea": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔区域。</p>\n",
                "default": false
              },
              "areaStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>分隔区域的样式设置。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n",
                    "default": "['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "indicator": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>雷达图的指示器，用来指定雷达图中的多个变量（维度），如下示例。</p>\n<pre><code class=\"lang-js\">indicator: [\n   { name: &#39;销售（sales）&#39;, max: 6500},\n   { name: &#39;管理（Administration）&#39;, max: 16000},\n   { name: &#39;信息技术（Information Techology）&#39;, max: 30000},\n   { name: &#39;客服（Customer Support）&#39;, max: 38000},\n   { name: &#39;研发（Development）&#39;, max: 52000},\n   { name: &#39;市场（Marketing）&#39;, max: 25000}\n]\n</code></pre>\n",
            "items": {
              "type": "Object",
              "properties": {
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>指示器名称。</p>\n"
                },
                "max": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指示器的最大值，可选，建议设置</p>\n"
                },
                "min": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指示器的最小值，可选，默认为 0。</p>\n"
                }
              }
            }
          }
        }
      },
      "dataZoom": {
        "type": "Array",
        "items": {
          "anyOf": [
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>内置型数据区域缩放组件（dataZoomInside）</strong></p>\n<p>（参考<a href=\"#dataZoom\">数据区域缩放组件（dataZoom）的介绍</a>）</p>\n<p>所谓『内置』，即内置在坐标系中。</p>\n<ul>\n<li>平移：在坐标系中滑动拖拽进行数据区域平移。</li>\n<li>缩放：<ul>\n<li>PC端：鼠标在坐标系范围内滚轮滚动（MAC触控板类同）</li>\n<li>移动端：在移动端触屏上，支持两指滑动缩放。</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<br></p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'inside'"
                },
                "disabled": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否停止组件的功能。</p>\n",
                  "default": false
                },
                "xAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>x轴</code>（即<a href=\"#xAxis\">xAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-inside.orient\">dataZoom-inside.orient</a> 为 <code>&#39;horizontal&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>xAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    xAxis: [\n        {...}, // 第一个 xAxis\n        {...}, // 第二个 xAxis\n        {...}, // 第三个 xAxis\n        {...}  // 第四个 xAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            xAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 xAxis\n        },\n        { // 第二个 dataZoom 组件\n            xAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 xAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "yAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>y轴</code>（即<a href=\"#yAxis\">yAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-inside.orient\">dataZoom-inside.orient</a> 为 <code>&#39;vertical&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>yAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    yAxis: [\n        {...}, // 第一个 yAxis\n        {...}, // 第二个 yAxis\n        {...}, // 第三个 yAxis\n        {...}  // 第四个 yAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            yAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 yAxis\n        },\n        { // 第二个 dataZoom 组件\n            yAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 yAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "radiusAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>radius 轴</code>（即<a href=\"#radiusAxis\">radiusAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    radiusAxis: [\n        {...}, // 第一个 radiusAxis\n        {...}, // 第二个 radiusAxis\n        {...}, // 第三个 radiusAxis\n        {...}  // 第四个 radiusAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            radiusAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 radiusAxis\n        },\n        { // 第二个 dataZoom 组件\n            radiusAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 radiusAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "angleAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>angle 轴</code>（即<a href=\"#angleAxis\">angleAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    angleAxis: [\n        {...}, // 第一个 angleAxis\n        {...}, // 第二个 angleAxis\n        {...}, // 第三个 angleAxis\n        {...}  // 第四个 angleAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            angleAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 angleAxis\n        },\n        { // 第二个 dataZoom 组件\n            angleAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 angleAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "filterMode": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p><code>dataZoom</code> 的运行原理是通过 <code>数据过滤</code> 来达到 <code>数据窗口缩放</code> 的效果。数据过滤模式的设置不同，效果也不同。</p>\n<p>可选值为：</p>\n<ul>\n<li><p>&#39;filter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</p>\n</li>\n<li><p>&#39;weakFilter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</p>\n</li>\n<li><p>&#39;empty&#39;：当前数据窗口外的数据，被 <strong>设置为空</strong>。即 <strong>不会</strong> 影响其他轴的数据范围。</p>\n</li>\n<li><p>&#39;none&#39;: 不过滤数据，只改变数轴范围。</p>\n</li>\n</ul>\n<p>如何设置，由用户根据场景和需求自己决定。经验来说：</p>\n<ul>\n<li><p>当『只有 X 轴 或 只有 Y 轴受 <code>dataZoom</code> 组件控制』时，常使用 <code>filterMode: &#39;filter&#39;</code>，这样能使另一个轴自适应过滤后的数值范围。</p>\n</li>\n<li><p>当『X 轴 Y 轴分别受 <code>dataZoom</code> 组件控制』时：</p>\n<ul>\n<li><p>如果 X 轴和 Y 轴是『同等地位的、不应互相影响的』，比如在『双数值轴散点图』中，那么两个轴可都设为 <code>fiterMode: &#39;empty&#39;</code>。</p>\n</li>\n<li><p>如果 X 轴为主，Y 轴为辅，比如在『柱状图』中，需要『拖动 <code>dataZoomX</code> 改变 X 轴过滤柱子时，Y 轴的范围也自适应剩余柱子的高度』，『拖动 <code>dataZoomY</code> 改变 Y 轴过滤柱子时，X 轴范围不受影响』，那么就 X轴设为 <code>fiterMode: &#39;filter&#39;</code>，Y 轴设为 <code>fiterMode: &#39;empty&#39;</code>，即主轴 <code>&#39;filter&#39;</code>，辅轴 <code>&#39;empty&#39;</code>。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p>下面是个具体例子：</p>\n<pre><code class=\"lang-javascript\">option = {\n    dataZoom: [\n        {\n            id: &#39;dataZoomX&#39;,\n            type: &#39;slider&#39;,\n            xAxisIndex: [0],\n            filterMode: &#39;filter&#39;\n        },\n        {\n            id: &#39;dataZoomY&#39;,\n            type: &#39;slider&#39;,\n            yAxisIndex: [0],\n            filterMode: &#39;empty&#39;\n        }\n    ],\n    xAxis: {type: &#39;value&#39;},\n    yAxis: {type: &#39;value&#39;},\n    series{\n        type: &#39;bar&#39;,\n        data: [\n            // 第一列对应 X 轴，第二列对应 Y 轴。\n            [12, 24, 36],\n            [90, 80, 70],\n            [3, 9, 27],\n            [1, 11, 111]\n        ]\n    }\n}\n</code></pre>\n<p>上例中，<code>dataZoomX</code> 的 <code>filterMode</code> 设置为 <code>&#39;filter&#39;</code>。于是，假设当用户拖拽 <code>dataZoomX</code>（不去动 <code>dataZoomY</code>）导致其 valueWindow 变为 <code>[2, 50]</code> 时，<code>dataZoomX</code> 对 series.data 的第一列进行遍历，窗口外的整项去掉，最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    // [90, 80, 70] 整项被过滤掉，因为 90 在 dataWindow 之外。\n    [3, 9, 27]\n    // [1, 11, 111] 整项被过滤掉，因为 1 在 dataWindow 之外。\n]\n</code></pre>\n<p>过滤前，series.data 中对应 Y 轴的值有 <code>24</code>、<code>80</code>、<code>9</code>、<code>11</code>，过滤后，只剩下 <code>24</code> 和 <code>9</code>，那么 Y 轴的显示范围就会自动改变以适应剩下的这两个值的显示（如果 Y 轴没有被设置 <code>min</code>、<code>max</code> 固定其显示范围的话）。</p>\n<p>所以，<code>filterMode: &#39;filter&#39;</code> 的效果是：过滤数据后使另外的轴也能自动适应当前数据的范围。</p>\n<p>再从头来，上例中 <code>dataZoomY</code> 的 <code>filterMode</code> 设置为 <code>&#39;empty&#39;</code>。于是，假设当用户拖拽 <code>dataZoomY</code>（不去动 <code>dataZoomX</code>）导致其 dataWindow 变为 <code>[10, 60]</code> 时，<code>dataZoomY</code> 对 series.data 的第二列进行遍历，窗口外的值被设置为 empty （即替换为 NaN，这样设置为空的项，其所对应柱形，在 X 轴还有占位，只是不显示出来）。最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    [90, NaN, 70], // 设置为 empty (NaN)\n    [3, NaN, 27],  // 设置为 empty (NaN)\n    [1, 11, 111]\n]\n</code></pre>\n<p>这时，series.data 中对应于 X 轴的值仍然全部保留不受影响，为 <code>12</code>、<code>90</code>、<code>3</code>、<code>1</code>。那么用户对 <code>dataZoomY</code> 的拖拽操作不会影响到 X 轴的范围。这样的效果，对于离群点（outlier）过滤功能，比较清晰。</p>\n<p>如下面的例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/bar-dataZoom-filterMode&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n\n\n",
                  "default": "'filter'"
                },
                "start": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。</p>\n<p><a href=\"#dataZoom-inside.start\">dataZoom-inside.start</a> 和 <a href=\"#dataZoom-inside.end\">dataZoom-inside.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n",
                  "default": 0
                },
                "end": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>数据窗口范围的结束百分比。范围是：0 ~ 100。</p>\n<p><a href=\"#dataZoom-inside.start\">dataZoom-inside.start</a> 和 <a href=\"#dataZoom-inside.end\">dataZoom-inside.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n",
                  "default": 100
                },
                "startValue": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>数据窗口范围的起始数值。如果设置了 <a href=\"#dataZoom-inside.start\">dataZoom-inside.start</a> 则 <code>startValue</code> 失效。</p>\n<p><a href=\"#dataZoom-inside.startValue\">dataZoom-inside.startValue</a> 和 <a href=\"#dataZoom-inside.endValue\">dataZoom-inside.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>startValue</code> 既可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n",
                  "default": null
                },
                "endValue": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>数据窗口范围的结束数值。如果设置了 <a href=\"#dataZoom-inside.end\">dataZoom-inside.end</a> 则 <code>endValue</code> 失效。</p>\n<p><a href=\"#dataZoom-inside.startValue\">dataZoom-inside.startValue</a> 和 <a href=\"#dataZoom-inside.endValue\">dataZoom-inside.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>endValue</code> 即可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n",
                  "default": null
                },
                "minSpan": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最小值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-inside.minValueSpan\">dataZoom-inside.minValueSpan</a> 则 <code>minSpan</code> 失效。</p>\n",
                  "default": null
                },
                "maxSpan": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最大值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-inside.maxValueSpan\">dataZoom-inside.maxValueSpan</a> 则 <code>maxSpan</code> 失效。</p>\n",
                  "default": null
                },
                "minValueSpan": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最小值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n",
                  "default": null
                },
                "maxValueSpan": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最大值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n",
                  "default": null
                },
                "orient": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>布局方式是横还是竖。不仅是布局方式，对于直角坐标系而言，也决定了，缺省情况控制横向数轴还是纵向数轴。</p>\n<p>可选值为：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直。</p>\n</li>\n</ul>\n",
                  "default": null
                },
                "zoomLock": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否锁定选择区域（或叫做数据窗口）的大小。</p>\n<p>如果设置为 <code>true</code> 则锁定选择区域的大小，也就是说，只能平移，不能缩放。</p>\n",
                  "default": false
                },
                "throttle": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>设置触发视图刷新的频率。单位为毫秒（ms）。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>true</code> 且 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 大于 <code>0</code>，可以保持 <code>throttle</code> 为默认值 <code>100</code>（或者设置为大于 <code>0</code> 的值），否则拖拽时有可能画面感觉卡顿。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>false</code> 或者 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 设为 <code>0</code>，且在数据量不大时，拖拽时画面感觉卡顿，可以把尝试把 <code>throttle</code> 设为 <code>0</code> 来改善。</p>\n",
                  "default": 100
                },
                "zoomOnMouseWheel": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>如何触发缩放。可选值为：</p>\n<ul>\n<li><code>true</code>：表示不按任何功能键，鼠标滚轮能触发缩放。</li>\n<li><code>false</code>：表示鼠标滚轮不能触发缩放。</li>\n<li><code>&#39;shift&#39;</code>：表示按住 <code>shift</code> 和鼠标滚轮能触发缩放。</li>\n<li><code>&#39;ctrl&#39;</code>：表示按住 <code>ctrl</code> 和鼠标滚轮能触发缩放。</li>\n<li><code>&#39;alt&#39;</code>：表示按住 <code>alt</code> 和鼠标滚轮能触发缩放。</li>\n</ul>\n",
                  "default": true
                },
                "moveOnMouseMove": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>如何触发数据窗口平移。可选值为：</p>\n<ul>\n<li><code>true</code>：表示不按任何功能键，鼠标移动能触发数据窗口平移。</li>\n<li><code>false</code>：表示鼠标滚轮不能触发缩放。</li>\n<li><code>&#39;shift&#39;</code>：表示按住 <code>shift</code> 和鼠标移动能触发数据窗口平移。</li>\n<li><code>&#39;ctrl&#39;</code>：表示按住 <code>ctrl</code> 和鼠标移动能触发数据窗口平移。</li>\n<li><code>&#39;alt&#39;</code>：表示按住 <code>alt</code> 和鼠标移动能触发数据窗口平移。</li>\n</ul>\n",
                  "default": true
                },
                "preventDefaultMouseMove": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否阻止 mousemove 事件的默认行为。</p>\n",
                  "default": true
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>滑动条型数据区域缩放组件（dataZoomSlider）</strong></p>\n<p>（参考<a href=\"#dataZoom\">数据区域缩放组件（dataZoom）的介绍</a>）</p>\n<p><br>\n<br></p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'slider'"
                },
                "show": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否显示  组件。如果设置为 <code>false</code>，不会显示，但是数据过滤的功能还存在。</p>\n",
                  "default": true
                },
                "backgroundColor": {
                  "type": [
                    "Color"
                  ],
                  "descriptionCN": "<p>组件的背景颜色。</p>\n",
                  "default": "'rgba(47,69,84,0)'"
                },
                "dataBackground": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>数据阴影的样式。</p>\n",
                  "properties": {
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>阴影的线条样式</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#2f4554"
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 0.5
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
                          "default": 0.3
                        }
                      }
                    },
                    "areaStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>阴影的填充样式</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "rgba(47,69,84,0.3)"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
                          "default": 0.3
                        }
                      }
                    }
                  }
                },
                "fillerColor": {
                  "type": [
                    "Color"
                  ],
                  "descriptionCN": "<p>选中范围的填充颜色。</p>\n",
                  "default": "'rgba(167,183,204,0.4)'"
                },
                "borderColor": {
                  "type": [
                    "Color"
                  ],
                  "descriptionCN": "<p>边框颜色。</p>\n",
                  "default": "'#ddd'"
                },
                "handleIcon": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>手柄的 icon 形状，支持路径字符串，默认为：</p>\n<pre><code class=\"lang-js\">&#39;M8.2,13.6V3.9H6.3v9.7H3.1v14.9h3.3v9.7h1.8v-9.7h3.3V13.6H8.2z M9.7,24.4H4.8v-1.4h4.9V24.4z M9.7,19.1H4.8v-1.4h4.9V19.1z&#39;\n</code></pre>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>自定义 icon 见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=area-simple\" target=\"_blank\">示例 area-simple</a></p>\n"
                },
                "handleSize": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>控制手柄的尺寸，可以是像素大小，也可以是相对于 dataZoom 组件宽度的百分比，默认跟 dataZoom 宽度相同。</p>\n",
                  "default": "'100%'"
                },
                "handleStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>手柄的样式配置，见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=area-simple\" target=\"_blank\">示例 area-simple</a></p>\n",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                      "default": "#a7b7cc"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                      "default": "\"#000\""
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                      "default": 0
                    },
                    "borderType": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                      "default": "'solid'"
                    },
                    "shadowBlur": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                    },
                    "shadowColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                    },
                    "shadowOffsetX": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                      "default": 0
                    },
                    "shadowOffsetY": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                      "default": 0
                    },
                    "opacity": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                    }
                  }
                },
                "labelPrecision": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>显示label的小数精度。默认根据数据自动决定。</p>\n",
                  "default": "'auto'"
                },
                "labelFormatter": {
                  "type": [
                    "string",
                    "Function"
                  ],
                  "descriptionCN": "<p>显示的label的格式化器。</p>\n<ul>\n<li><p>如果为 <code>string</code>，表示模板，例如：<code>aaaa{value}bbbb</code>，其中<code>{value}</code>会被替换为实际的数值。</p>\n</li>\n<li><p>如果为 <code>Function</code>，表示回调函数，例如：</p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">/**\n * @param {*} value 如果 axis.type 为 &#39;category&#39;，则 `value` 为 axis.data 的 index。\n *                  否则 `value` 是当前值。\n * @param {strign} valueStr 内部格式化的结果。\n * @return {string} 返回最终的label内容。\n */\nlabelFormatter: function (value) {\n    return &#39;aaa&#39; + value + &#39;bbb&#39;;\n}\n</code></pre>\n",
                  "default": null
                },
                "showDetail": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否显示detail，即拖拽时候显示详细数值信息。</p>\n",
                  "default": true
                },
                "showDataShadow": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>是否在 <code>dataZoom-silder</code> 组件中显示数据阴影。数据阴影可以简单地反应数据走势。</p>\n",
                  "default": "'auto'"
                },
                "realtime": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>拖动时，是否实时更新系列的视图。如果设置为 <code>false</code>，则只在拖拽结束的时候更新。</p>\n",
                  "default": true
                },
                "textStyle": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>dataZoom 文字的颜色。</p>\n",
                      "default": "#333"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>dataZoom 文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>dataZoom 文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>dataZoom 文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>dataZoom 文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                },
                "xAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>x轴</code>（即<a href=\"#xAxis\">xAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-slider.orient\">dataZoom-slider.orient</a> 为 <code>&#39;horizontal&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>xAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    xAxis: [\n        {...}, // 第一个 xAxis\n        {...}, // 第二个 xAxis\n        {...}, // 第三个 xAxis\n        {...}  // 第四个 xAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            xAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 xAxis\n        },\n        { // 第二个 dataZoom 组件\n            xAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 xAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "yAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>y轴</code>（即<a href=\"#yAxis\">yAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-slider.orient\">dataZoom-slider.orient</a> 为 <code>&#39;vertical&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>yAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    yAxis: [\n        {...}, // 第一个 yAxis\n        {...}, // 第二个 yAxis\n        {...}, // 第三个 yAxis\n        {...}  // 第四个 yAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            yAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 yAxis\n        },\n        { // 第二个 dataZoom 组件\n            yAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 yAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "radiusAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>radius 轴</code>（即<a href=\"#radiusAxis\">radiusAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    radiusAxis: [\n        {...}, // 第一个 radiusAxis\n        {...}, // 第二个 radiusAxis\n        {...}, // 第三个 radiusAxis\n        {...}  // 第四个 radiusAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            radiusAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 radiusAxis\n        },\n        { // 第二个 dataZoom 组件\n            radiusAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 radiusAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "angleAxisIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>angle 轴</code>（即<a href=\"#angleAxis\">angleAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    angleAxis: [\n        {...}, // 第一个 angleAxis\n        {...}, // 第二个 angleAxis\n        {...}, // 第三个 angleAxis\n        {...}  // 第四个 angleAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            angleAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 angleAxis\n        },\n        { // 第二个 dataZoom 组件\n            angleAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 angleAxis\n        }\n    ]\n}\n</code></pre>\n",
                  "default": null
                },
                "filterMode": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p><code>dataZoom</code> 的运行原理是通过 <code>数据过滤</code> 来达到 <code>数据窗口缩放</code> 的效果。数据过滤模式的设置不同，效果也不同。</p>\n<p>可选值为：</p>\n<ul>\n<li><p>&#39;filter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</p>\n</li>\n<li><p>&#39;weakFilter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</p>\n</li>\n<li><p>&#39;empty&#39;：当前数据窗口外的数据，被 <strong>设置为空</strong>。即 <strong>不会</strong> 影响其他轴的数据范围。</p>\n</li>\n<li><p>&#39;none&#39;: 不过滤数据，只改变数轴范围。</p>\n</li>\n</ul>\n<p>如何设置，由用户根据场景和需求自己决定。经验来说：</p>\n<ul>\n<li><p>当『只有 X 轴 或 只有 Y 轴受 <code>dataZoom</code> 组件控制』时，常使用 <code>filterMode: &#39;filter&#39;</code>，这样能使另一个轴自适应过滤后的数值范围。</p>\n</li>\n<li><p>当『X 轴 Y 轴分别受 <code>dataZoom</code> 组件控制』时：</p>\n<ul>\n<li><p>如果 X 轴和 Y 轴是『同等地位的、不应互相影响的』，比如在『双数值轴散点图』中，那么两个轴可都设为 <code>fiterMode: &#39;empty&#39;</code>。</p>\n</li>\n<li><p>如果 X 轴为主，Y 轴为辅，比如在『柱状图』中，需要『拖动 <code>dataZoomX</code> 改变 X 轴过滤柱子时，Y 轴的范围也自适应剩余柱子的高度』，『拖动 <code>dataZoomY</code> 改变 Y 轴过滤柱子时，X 轴范围不受影响』，那么就 X轴设为 <code>fiterMode: &#39;filter&#39;</code>，Y 轴设为 <code>fiterMode: &#39;empty&#39;</code>，即主轴 <code>&#39;filter&#39;</code>，辅轴 <code>&#39;empty&#39;</code>。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p>下面是个具体例子：</p>\n<pre><code class=\"lang-javascript\">option = {\n    dataZoom: [\n        {\n            id: &#39;dataZoomX&#39;,\n            type: &#39;slider&#39;,\n            xAxisIndex: [0],\n            filterMode: &#39;filter&#39;\n        },\n        {\n            id: &#39;dataZoomY&#39;,\n            type: &#39;slider&#39;,\n            yAxisIndex: [0],\n            filterMode: &#39;empty&#39;\n        }\n    ],\n    xAxis: {type: &#39;value&#39;},\n    yAxis: {type: &#39;value&#39;},\n    series{\n        type: &#39;bar&#39;,\n        data: [\n            // 第一列对应 X 轴，第二列对应 Y 轴。\n            [12, 24, 36],\n            [90, 80, 70],\n            [3, 9, 27],\n            [1, 11, 111]\n        ]\n    }\n}\n</code></pre>\n<p>上例中，<code>dataZoomX</code> 的 <code>filterMode</code> 设置为 <code>&#39;filter&#39;</code>。于是，假设当用户拖拽 <code>dataZoomX</code>（不去动 <code>dataZoomY</code>）导致其 valueWindow 变为 <code>[2, 50]</code> 时，<code>dataZoomX</code> 对 series.data 的第一列进行遍历，窗口外的整项去掉，最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    // [90, 80, 70] 整项被过滤掉，因为 90 在 dataWindow 之外。\n    [3, 9, 27]\n    // [1, 11, 111] 整项被过滤掉，因为 1 在 dataWindow 之外。\n]\n</code></pre>\n<p>过滤前，series.data 中对应 Y 轴的值有 <code>24</code>、<code>80</code>、<code>9</code>、<code>11</code>，过滤后，只剩下 <code>24</code> 和 <code>9</code>，那么 Y 轴的显示范围就会自动改变以适应剩下的这两个值的显示（如果 Y 轴没有被设置 <code>min</code>、<code>max</code> 固定其显示范围的话）。</p>\n<p>所以，<code>filterMode: &#39;filter&#39;</code> 的效果是：过滤数据后使另外的轴也能自动适应当前数据的范围。</p>\n<p>再从头来，上例中 <code>dataZoomY</code> 的 <code>filterMode</code> 设置为 <code>&#39;empty&#39;</code>。于是，假设当用户拖拽 <code>dataZoomY</code>（不去动 <code>dataZoomX</code>）导致其 dataWindow 变为 <code>[10, 60]</code> 时，<code>dataZoomY</code> 对 series.data 的第二列进行遍历，窗口外的值被设置为 empty （即替换为 NaN，这样设置为空的项，其所对应柱形，在 X 轴还有占位，只是不显示出来）。最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    [90, NaN, 70], // 设置为 empty (NaN)\n    [3, NaN, 27],  // 设置为 empty (NaN)\n    [1, 11, 111]\n]\n</code></pre>\n<p>这时，series.data 中对应于 X 轴的值仍然全部保留不受影响，为 <code>12</code>、<code>90</code>、<code>3</code>、<code>1</code>。那么用户对 <code>dataZoomY</code> 的拖拽操作不会影响到 X 轴的范围。这样的效果，对于离群点（outlier）过滤功能，比较清晰。</p>\n<p>如下面的例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/bar-dataZoom-filterMode&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n\n\n",
                  "default": "'filter'"
                },
                "start": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。</p>\n<p><a href=\"#dataZoom-slider.start\">dataZoom-slider.start</a> 和 <a href=\"#dataZoom-slider.end\">dataZoom-slider.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n",
                  "default": 0
                },
                "end": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>数据窗口范围的结束百分比。范围是：0 ~ 100。</p>\n<p><a href=\"#dataZoom-slider.start\">dataZoom-slider.start</a> 和 <a href=\"#dataZoom-slider.end\">dataZoom-slider.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n",
                  "default": 100
                },
                "startValue": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>数据窗口范围的起始数值。如果设置了 <a href=\"#dataZoom-slider.start\">dataZoom-slider.start</a> 则 <code>startValue</code> 失效。</p>\n<p><a href=\"#dataZoom-slider.startValue\">dataZoom-slider.startValue</a> 和 <a href=\"#dataZoom-slider.endValue\">dataZoom-slider.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>startValue</code> 既可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n",
                  "default": null
                },
                "endValue": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>数据窗口范围的结束数值。如果设置了 <a href=\"#dataZoom-slider.end\">dataZoom-slider.end</a> 则 <code>endValue</code> 失效。</p>\n<p><a href=\"#dataZoom-slider.startValue\">dataZoom-slider.startValue</a> 和 <a href=\"#dataZoom-slider.endValue\">dataZoom-slider.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>endValue</code> 即可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n",
                  "default": null
                },
                "minSpan": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最小值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-slider.minValueSpan\">dataZoom-slider.minValueSpan</a> 则 <code>minSpan</code> 失效。</p>\n",
                  "default": null
                },
                "maxSpan": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最大值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-slider.maxValueSpan\">dataZoom-slider.maxValueSpan</a> 则 <code>maxSpan</code> 失效。</p>\n",
                  "default": null
                },
                "minValueSpan": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最小值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n",
                  "default": null
                },
                "maxValueSpan": {
                  "type": [
                    "number",
                    "string",
                    "Date"
                  ],
                  "descriptionCN": "<p>用于限制窗口大小的最大值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n",
                  "default": null
                },
                "orient": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>布局方式是横还是竖。不仅是布局方式，对于直角坐标系而言，也决定了，缺省情况控制横向数轴还是纵向数轴。</p>\n<p>可选值为：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直。</p>\n</li>\n</ul>\n",
                  "default": null
                },
                "zoomLock": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否锁定选择区域（或叫做数据窗口）的大小。</p>\n<p>如果设置为 <code>true</code> 则锁定选择区域的大小，也就是说，只能平移，不能缩放。</p>\n",
                  "default": false
                },
                "throttle": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>设置触发视图刷新的频率。单位为毫秒（ms）。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>true</code> 且 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 大于 <code>0</code>，可以保持 <code>throttle</code> 为默认值 <code>100</code>（或者设置为大于 <code>0</code> 的值），否则拖拽时有可能画面感觉卡顿。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>false</code> 或者 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 设为 <code>0</code>，且在数据量不大时，拖拽时画面感觉卡顿，可以把尝试把 <code>throttle</code> 设为 <code>0</code> 来改善。</p>\n",
                  "default": 100
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>dataZoom-slider组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "'auto'"
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>dataZoom-slider组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "'auto'"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>dataZoom-slider组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>dataZoom-slider组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                }
              }
            }
          ]
        },
        "descriptionCN": "<p><code>dataZoom</code> 组件 用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。</p>\n<p>现在支持这几种类型的 <code>dataZoom</code> 组件：</p>\n<ul>\n<li><p><a href=\"#dataZoom-inside\">内置型数据区域缩放组件（dataZoomInside）</a>：内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。</p>\n</li>\n<li><p><a href=\"#dataZoom-slider\">滑动条型数据区域缩放组件（dataZoomSlider）</a>：有单独的滑动条，用户在滑动条上进行缩放或漫游。</p>\n</li>\n<li><p><a href=\"#toolbox.feature.dataZoom\">框选型数据区域缩放组件（dataZoomSelect）</a>：提供一个选框进行数据区域缩放。即 <a href=\"#toolbox.feature.dataZoom\">toolbox.feature.dataZoom</a>，配置项在 <code>toolbox</code> 中。</p>\n</li>\n</ul>\n<p>如下例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/scatter-dataZoom-all&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p><br></p>\n<hr>\n<p><strong>✦ dataZoom 和 数轴的关系 ✦</strong></p>\n<p><code>dataZoom</code> 主要是对 <code>数轴（axis）</code> 进行操作（控制数轴的显示范围，或称窗口（window））。</p>\n<blockquote>\n<p>可以通过 <a href=\"#dataZoom.xAxisIndex\">dataZoom.xAxisIndex</a> 或 <a href=\"#dataZoom.yAxisIndex\">dataZoom.yAxisIndex</a> 或 <a href=\"#dataZoom.radiusAxisIndex\">dataZoom.radiusAxisIndex</a> 或 <a href=\"#dataZoom.angleAxisIndex\">dataZoom.angleAxisIndex</a> 来指定 <code>dataZoom</code> 控制哪个或哪些数轴。</p>\n</blockquote>\n<p><code>dataZoom</code> 组件可 <strong>同时存在多个</strong>，起到共同控制的作用。如果多个 <code>dataZoom</code> 组件共同控制同一个数轴，他们会自动联动。</p>\n<p><br></p>\n<hr>\n<p><strong>✦ dataZoom 组件如何影响轴和数据 ✦</strong></p>\n<p><code>dataZoom</code> 的运行原理是通过 <code>数据过滤</code> 以及在内部设置轴的显示窗口来达到 <code>数据窗口缩放</code> 的效果。</p>\n<p>数据过滤模式（<a href=\"#dataZoom.filterMode\">dataZoom.filterMode</a>）的设置不同，效果也不同。</p>\n<p>可选值为：</p>\n<ul>\n<li><p>&#39;filter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</p>\n</li>\n<li><p>&#39;weakFilter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</p>\n</li>\n<li><p>&#39;empty&#39;：当前数据窗口外的数据，被 <strong>设置为空</strong>。即 <strong>不会</strong> 影响其他轴的数据范围。</p>\n</li>\n<li><p>&#39;none&#39;: 不过滤数据，只改变数轴范围。</p>\n</li>\n</ul>\n<p>如何设置，由用户根据场景和需求自己决定。经验来说：</p>\n<ul>\n<li><p>当『只有 X 轴 或 只有 Y 轴受 <code>dataZoom</code> 组件控制』时，常使用 <code>filterMode: &#39;filter&#39;</code>，这样能使另一个轴自适应过滤后的数值范围。</p>\n</li>\n<li><p>当『X 轴 Y 轴分别受 <code>dataZoom</code> 组件控制』时：</p>\n<ul>\n<li><p>如果 X 轴和 Y 轴是『同等地位的、不应互相影响的』，比如在『双数值轴散点图』中，那么两个轴可都设为 <code>fiterMode: &#39;empty&#39;</code>。</p>\n</li>\n<li><p>如果 X 轴为主，Y 轴为辅，比如在『柱状图』中，需要『拖动 <code>dataZoomX</code> 改变 X 轴过滤柱子时，Y 轴的范围也自适应剩余柱子的高度』，『拖动 <code>dataZoomY</code> 改变 Y 轴过滤柱子时，X 轴范围不受影响』，那么就 X轴设为 <code>fiterMode: &#39;filter&#39;</code>，Y 轴设为 <code>fiterMode: &#39;empty&#39;</code>，即主轴 <code>&#39;filter&#39;</code>，辅轴 <code>&#39;empty&#39;</code>。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p>下面是个具体例子：</p>\n<pre><code class=\"lang-javascript\">option = {\n    dataZoom: [\n        {\n            id: &#39;dataZoomX&#39;,\n            type: &#39;slider&#39;,\n            xAxisIndex: [0],\n            filterMode: &#39;filter&#39;\n        },\n        {\n            id: &#39;dataZoomY&#39;,\n            type: &#39;slider&#39;,\n            yAxisIndex: [0],\n            filterMode: &#39;empty&#39;\n        }\n    ],\n    xAxis: {type: &#39;value&#39;},\n    yAxis: {type: &#39;value&#39;},\n    series{\n        type: &#39;bar&#39;,\n        data: [\n            // 第一列对应 X 轴，第二列对应 Y 轴。\n            [12, 24, 36],\n            [90, 80, 70],\n            [3, 9, 27],\n            [1, 11, 111]\n        ]\n    }\n}\n</code></pre>\n<p>上例中，<code>dataZoomX</code> 的 <code>filterMode</code> 设置为 <code>&#39;filter&#39;</code>。于是，假设当用户拖拽 <code>dataZoomX</code>（不去动 <code>dataZoomY</code>）导致其 valueWindow 变为 <code>[2, 50]</code> 时，<code>dataZoomX</code> 对 series.data 的第一列进行遍历，窗口外的整项去掉，最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    // [90, 80, 70] 整项被过滤掉，因为 90 在 dataWindow 之外。\n    [3, 9, 27]\n    // [1, 11, 111] 整项被过滤掉，因为 1 在 dataWindow 之外。\n]\n</code></pre>\n<p>过滤前，series.data 中对应 Y 轴的值有 <code>24</code>、<code>80</code>、<code>9</code>、<code>11</code>，过滤后，只剩下 <code>24</code> 和 <code>9</code>，那么 Y 轴的显示范围就会自动改变以适应剩下的这两个值的显示（如果 Y 轴没有被设置 <code>min</code>、<code>max</code> 固定其显示范围的话）。</p>\n<p>所以，<code>filterMode: &#39;filter&#39;</code> 的效果是：过滤数据后使另外的轴也能自动适应当前数据的范围。</p>\n<p>再从头来，上例中 <code>dataZoomY</code> 的 <code>filterMode</code> 设置为 <code>&#39;empty&#39;</code>。于是，假设当用户拖拽 <code>dataZoomY</code>（不去动 <code>dataZoomX</code>）导致其 dataWindow 变为 <code>[10, 60]</code> 时，<code>dataZoomY</code> 对 series.data 的第二列进行遍历，窗口外的值被设置为 empty （即替换为 NaN，这样设置为空的项，其所对应柱形，在 X 轴还有占位，只是不显示出来）。最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    [90, NaN, 70], // 设置为 empty (NaN)\n    [3, NaN, 27],  // 设置为 empty (NaN)\n    [1, 11, 111]\n]\n</code></pre>\n<p>这时，series.data 中对应于 X 轴的值仍然全部保留不受影响，为 <code>12</code>、<code>90</code>、<code>3</code>、<code>1</code>。那么用户对 <code>dataZoomY</code> 的拖拽操作不会影响到 X 轴的范围。这样的效果，对于离群点（outlier）过滤功能，比较清晰。</p>\n<p>如下面的例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/bar-dataZoom-filterMode&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n\n<p>另外，如果在任一个数轴上设置了 <code>min</code>、<code>max</code>（如设置 <code>yAxis: {min: 0, max: 400}</code>），那么这个数轴无论如何也不会被其他数轴的 dataZoom 行为影响了。</p>\n<p><br></p>\n<hr>\n<p><strong>✦ 数据窗口的设置 ✦</strong></p>\n<p><code>dataZoom</code> 的数据窗口范围的设置，目前支持两种形式：</p>\n<ul>\n<li><p>百分比形式：即设置 <a href=\"#dataZoom.start\">dataZoom.start</a> 和 <a href=\"#dataZoom.end\">dataZoom.end</a>。</p>\n</li>\n<li><p>绝对数值形式：即设置 <a href=\"#dataZoom.startValue\">dataZoom.startValue</a> 和 <a href=\"#dataZoom.endValue\">dataZoom.endValue</a>。</p>\n</li>\n</ul>\n<p>注意：当使用百分比形式指定 <code>dataZoom</code> 范围时，且处于如下场景（或类似场景）中，<code>dataZoom</code> 的结果是和 <code>dataZoom</code> 组件的定义顺序相关的。</p>\n<pre><code class=\"lang-javascript\">option = {\n    dataZoom: [\n        {\n            id: &#39;dataZoomX&#39;,\n            type: &#39;slider&#39;,\n            xAxisIndex: [0],\n            filterMode: &#39;filter&#39;, // 设定为 &#39;filter&#39; 从而 X 的窗口变化会影响 Y 的范围。\n            start: 30,\n            end: 70\n        },\n        {\n            id: &#39;dataZoomY&#39;,\n            type: &#39;slider&#39;,\n            yAxisIndex: [0],\n            filterMode: &#39;empty&#39;,\n            start: 20,\n            end: 80\n        }\n    ],\n    xAxis: {\n        type: &#39;value&#39;\n    },\n    yAxis: {\n        type: &#39;value&#39;\n        // yAxis 中并没有使用 min、max 来显示限定轴的显示范围。\n    },\n    series{\n        type: &#39;bar&#39;,\n        data: [\n            // 第一列对应 X 轴，第二列对应 Y 轴。\n            [12, 24, 36],\n            [90, 80, 70],\n            [3, 9, 27],\n            [1, 11, 111]\n        ]\n    }\n}\n</code></pre>\n<p>在上例中，<code>dataZoomY</code> 的 <code>start: 20, end: 80</code> 到底表示什么意思？</p>\n<ul>\n<li><p>如果 <code>yAxis.min</code>、<code>yAxis.max</code> 进行了直接设置：</p>\n<p>  那么 <code>dataZoomY</code> 的 <code>start: 20, end: 80</code> 表示 <code>yAxis.min</code> ~ <code>yAxis.max</code> 的 <code>20%</code> 到 <code>80%</code>。</p>\n</li>\n<li><p>如果 <code>yAxis.min</code>、<code>yAxis.max</code> 没有设置：</p>\n<ul>\n<li><p>如果 <code>dataZoomX</code> 设置为 <code>filterMode: &#39;empty&#39;</code>：</p>\n<p>  那么 <code>dataZoomY</code> 的 <code>start: 20, end: 80</code> 表示 series.data 中 <code>dataMinY</code> ~ <code>dataMaxY</code>（即上例中的 <code>9</code> ~ <code>80</code>）的 <code>20%</code> 到 <code>80%</code>。</p>\n</li>\n<li><p>如果 <code>dataZoomX</code> 设置为 <code>filterMode: &#39;filter&#39;</code>：</p>\n<p>  那么，因为 <code>dataZoomX</code> 定义 <code>dataZoomY</code> 组件之前，所以 <code>dataZoomX</code> 的 <code>start: 30, end: 70</code> 表示全部数据的 <code>30%</code> 到 <code>70%</code>，而 <code>dataZoomY</code> 组件的 <code>start: 20, end: 80</code> 表示经过 <code>dataZoomX</code> 过滤处理后，所得数据集的 <code>20%</code> 到 <code>80%</code>。</p>\n<p>  如果需要改变这种处理顺序，那么改变 <code>dataZoomX</code> 和 <code>dataZoomY</code> 在 option 中的出现顺序即可。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<br></p>\n<p>下面是详细介绍：</p>\n",
        "properties": {}
      },
      "visualMap": {
        "type": "Array",
        "items": {
          "anyOf": [
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>连续型视觉映射组件（visualMapContinuous）</strong></p>\n<p>（参考<a href=\"#visualMap\">视觉映射组件（visualMap）的介绍</a>）</p>\n<p>展现形式如下图：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/map-visualMap-continuous&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p><code>visualMapContinuous</code>中，可以通过 <a href=\"#visualMap.calculable\">visualMap.calculable</a> 来显示或隐藏手柄（手柄能拖拽改变值域）。</p>\n<p><br>\n<br></p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>类型为连续型。</p>\n",
                  "default": "continuous"
                },
                "min": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定 visualMapContinuous 组件的允许的最小值。<code>&#39;min&#39;</code> 必须用户指定。<code>[visualMap.min, visualMax.max]</code> 形成了视觉映射的『定义域』。</p>\n"
                },
                "max": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定 visualMapContinuous 组件的允许的最大值。<code>&#39;max&#39;</code> 必须用户指定。<code>[visualMap.min, visualMax.max]</code> 形成了视觉映射的『定义域』。</p>\n"
                },
                "range": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>指定手柄对应数值的位置。<code>range</code> 应在 <code>min</code> <code>max</code> 范围内。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        min: 0,\n        max: 100,\n        // 两个手柄对应的数值是 4 和 15\n        range: [4, 15],\n        ...\n    }\n});\n</code></pre>\n<p><strong>setOption 改变 min、max 时 range 的自适应</strong></p>\n<ul>\n<li>如果 <code>range</code> 不设置（或设置为 null）</li>\n</ul>\n<pre><code class=\"lang-javascript\">例如：\nchart.setOption({visualMap: {min: 10, max: 300}}); // 不设置 range，则 range 默认为 [min, max]，即 [10, 300]。\n\nchart.setOption({visualMap: {min: 0, max: 400}}); // 再次使用 setOption 改变 min、max。\n// 此时 range 也自然会更新成改变过后的 [min, max]，即 [0, 400]。\n</code></pre>\n<ul>\n<li>如果 <code>range</code> 被以具体值设置了（例如设置为 [10, 300]）</li>\n</ul>\n<pre><code class=\"lang-javascript\">例如：\nchart.setOption({visualMap: {min: 10, max: 300, range: [20, 80]}}); // 设置了 range\n\nchart.setOption({visualMap: {min: 0, max: 400}}); // 再次使用 setOption 改变 min、max。\n// 此时 range 不会改变而仍维持本来的数值，仍为 [20, 80]。\n\nchart.setOption({visualMap: {range: null}}); // 再把 range 设为 null。\n// 则 range 恢复为 [min, max]，即 [0, 400]，同时也恢复了自动随 min max 而改变的能力。\n</code></pre>\n<p><code>getOption</code> 得到的 <code>range</code> 总是 <code>Array</code>，不会为 <code>null</code> 或 <code>undefined</code>。</p>\n"
                },
                "calculable": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否显示拖拽用的手柄（手柄能拖拽调整选中范围）。</p>\n<p>（注：为兼容 ECharts2，当 <a href=\"#visualMap.type\">visualMap.type</a> 未指定时，假如设置了 <code>&#39;calculable&#39;</code>，则<code>type</code>自动被设置为<code>&#39;continuous&#39;</code>，无视 <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 等设置。所以，建议使用者不要不指定 <a href=\"#visualMap.type\">visualMap.type</a>，否则表意不清晰。）</p>\n",
                  "default": false
                },
                "realtime": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>拖拽时，是否实时更新。</p>\n<ul>\n<li><p>如果为<code>ture</code>则拖拽手柄过程中实时更新图表视图。</p>\n</li>\n<li><p>如果为<code>false</code>则拖拽结束时，才更新视图。</p>\n</li>\n</ul>\n",
                  "default": true
                },
                "inverse": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否反转 visualMap 组件。</p>\n<p>当<code>inverse</code>为<code>false</code>时，数据大小的位置规则，和直角坐标系相同，即：</p>\n<ul>\n<li>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为<code>&#39;vertical&#39;</code>时，数据上大下小。</li>\n<li>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为<code>&#39;horizontal&#39;</code>时，数据右大左小。</li>\n</ul>\n<p>当<code>inverse</code>为<code>true</code>时，相反。</p>\n",
                  "default": false
                },
                "precision": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>数据展示的小数精度，默认为0，无小数点。</p>\n",
                  "default": 0
                },
                "itemWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>图形的宽度，即长条的宽度。</p>\n",
                  "default": 20
                },
                "itemHeight": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>图形的高度，即长条的高度。</p>\n",
                  "default": 140
                },
                "align": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>指定组件中手柄和文字的摆放位置，可选值为：</p>\n<ul>\n<li><code>&#39;auto&#39;</code> 自动决定。</li>\n<li><code>&#39;left&#39;</code> 手柄和label在右，orient 为 horizontal 时有效。</li>\n<li><code>&#39;right&#39;</code> 手柄和label在左，orient 为 horizontal 时有效。</li>\n<li><code>&#39;top&#39;</code> 手柄和label在下，orient 为 vertical 时有效。</li>\n<li><code>&#39;bottom&#39;</code> 手柄和label在上，orient 为 vertical 时有效。</li>\n</ul>\n",
                  "default": "'auto'"
                },
                "text": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>两端的文本，如 <code>[&#39;High&#39;, &#39;Low&#39;]</code>。<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/map-visualMap-continuous-text&amp;edit=1&amp;reset=1\" target=\"_blank\">参见例子</a>。</p>\n<p><code>text</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n",
                  "default": null
                },
                "textGap": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>两端文字主体之间的距离，单位为px。参见 <a href=\"#visualMap-continuous.text\">visualMap-continuous.text</a></p>\n",
                  "default": 10
                },
                "show": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否显示 visualMap-continuous 组件。如果设置为 <code>false</code>，不会显示，但是数据映射的功能还存在。</p>\n",
                  "default": true
                },
                "dimension": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 <a href=\"#series.data\">series.data</a>。\n可以把 <a href=\"#series.data\">series.data</a> 理解成一个二维数组，例如：</p>\n<pre><code class=\"lang-javascript\">[\n    [12, 23, 43],\n    [12, 23, 43],\n    [43, 545, 65],\n    [92, 23, 33]\n]\n</code></pre>\n<p>其中每个列是一个维度，即 <code>dimension</code>。\n例如 <code>dimension</code> 为 1 时，取第二列（即 23，23，545，23），映射到视觉元素上。</p>\n<p>默认取 <code>data</code> 中最后一个维度。</p>\n"
                },
                "seriesIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>指定取哪个系列的数据，即哪个系列的 <a href=\"#series.data\">series.data</a>。</p>\n<p>默认取所有系列。</p>\n"
                },
                "hoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>打开 <code>hoverLink</code> 功能时，鼠标悬浮到 <code>visualMap</code> 组件上时，鼠标位置对应的数值 在 图表中对应的图形元素，会高亮。</p>\n<p>反之，鼠标悬浮到图表中的图形元素上时，在 <code>visualMap</code> 组件的相应位置会有三角提示其所对应的数值。</p>\n",
                  "default": true
                },
                "inRange": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"
                },
                "outOfRange": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"
                },
                "controller": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>visualMap 组件中，<code>控制器</code> 的 <code>inRange</code> <code>outOfRange</code> 设置。如果没有这个 <code>controller</code> 设置，<code>控制器</code> 会使用外层的 <code>inRange</code> <code>outOfRange</code> 设置；如果有这个 <code>controller</code> 设置，则会采用这个设置。适用于一些控制器视觉效果需要特殊定制或调整的场景。</p>\n",
                  "properties": {
                    "inRange": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"
                    },
                    "outOfRange": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 4
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": 0
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "auto"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": "auto"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": 0
                },
                "orient": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>如何放置 visualMap 组件，水平（<code>&#39;horizontal&#39;</code>）或者竖直（<code>&#39;vertical&#39;</code>）。</p>\n",
                  "default": "'vertical'"
                },
                "padding": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>visualMap-continuous内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                  "default": 5
                },
                "backgroundColor": {
                  "type": [
                    "Color"
                  ],
                  "descriptionCN": "<p>背景色。</p>\n",
                  "default": "'rgba(0,0,0,0)'"
                },
                "borderColor": {
                  "type": [
                    "Color"
                  ],
                  "descriptionCN": "<p>边框颜色。</p>\n",
                  "default": "'#ccc'"
                },
                "borderWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>边框线宽，单位px。</p>\n",
                  "default": 0
                },
                "color": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>这个配置项，是为了兼容 ECharts2 而存在，ECharts3 中已经不推荐使用。它的功能已经移到了 <a href=\"#visualMap-continuous.inRange\">visualMap-continuous.inRange</a> 和 <a href=\"#visualMap-continuous.outOfRange\">visualMap-continuous.outOfRange</a> 中。</p>\n<p>如果要使用，则须注意，<code>color</code>属性中的顺序是由数值 <code>大</code> 到 <code>小</code>，但是 <a href=\"#visualMap-continuous.inRange\">visualMap-continuous.inRange</a> 或 <a href=\"#visualMap-continuous.outOfRange\">visualMap-continuous.outOfRange</a> 中 <code>color</code> 的顺序，总是由数值 <code>小</code> 到 <code>大</code>。二者不一致。</p>\n",
                  "default": "['#bf444c', '#d88273', '#f6efa6']"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>visualMap 文字的颜色。</p>\n",
                      "default": "#333"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>visualMap 文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>visualMap 文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>visualMap 文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>visualMap 文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                },
                "formatter": {
                  "type": [
                    "string",
                    "Function"
                  ],
                  "descriptionCN": "<p>标签的格式化工具。</p>\n<ul>\n<li>如果为<code>string</code>，表示模板，例如：<code>aaaa{value}</code>。其中 <code>{value}</code> 是当前的范围边界值。</li>\n<li>如果为 <code>Function</code>，表示回调函数，形如：</li>\n</ul>\n<pre><code class=\"lang-javascript\">formatter: function (value) {\n    return &#39;aaaa&#39; + value; // 范围标签显示内容。\n}\n</code></pre>\n"
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>分段型视觉映射组件（visualMapPiecewise）</strong></p>\n<p>（参考<a href=\"#visualMap\">视觉映射组件（visualMap）的介绍</a>）</p>\n<p>展现形式如下图：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/scatter-visualMap-piecewise&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n<p>分段型视觉映射组件，有三种模式：</p>\n<ul>\n<li><strong>连续型数据平均分段</strong>: 依据 <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 来自动平均分割成若干块。</li>\n<li><strong>连续型数据自定义分段</strong>: 依据 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 来定义每块范围。</li>\n<li><strong>离散数据根据类别分段</strong>: 类别定义在 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 中。</li>\n</ul>\n<p><br>\n<br></p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>类型为分段型。</p>\n",
                  "default": "piecewise"
                },
                "splitNumber": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>对于连续型数据，自动平均切分成几段。默认为5段。\n连续数据的范围需要 <a href=\"#visualMap-piecewise.max\">max</a> 和 <a href=\"#visualMap-piecewise.min\">min</a> 来指定。</p>\n<p>如果设置了 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 或者 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a>，则 <code>splitNumber</code> 无效。</p>\n",
                  "default": 5
                },
                "pieces": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>自定义『分段式视觉映射组件（visualMapPiecewise）』的每一段的范围，以及每一段的文字，以及每一段的特别的样式。例如：</p>\n<pre><code class=\"lang-javascript\">pieces: [\n    {min: 1500}, // 不指定 max，表示 max 为无限大（Infinity）。\n    {min: 900, max: 1500},\n    {min: 310, max: 1000},\n    {min: 200, max: 300},\n    {min: 10, max: 200, label: &#39;10 到 200（自定义label）&#39;},\n    {value: 123, label: &#39;123（自定义特殊颜色）&#39;, color: &#39;grey&#39;}, // 表示 value 等于 123 的情况。\n    {max: 5}     // 不指定 min，表示 min 为无限大（-Infinity）。\n]\n</code></pre>\n<p>或者，更精确得，可以使用 <code>lt</code>（小于，little than），<code>gt</code>（大于，greater than），<code>lte</code>（小于等于 lettle than or equals），<code>gte</code>（大于等于，greater than or equals）来表达边界：</p>\n<pre><code class=\"lang-javascript\">pieces: [\n    {gt: 1500},            // (1500, Infinity]\n    {gt: 900, lte: 1500},  // (900, 1500]\n    {gt: 310, lte: 1000},  // (310, 1000]\n    {gt: 200, lte: 300},   // (200, 300]\n    {gt: 10, lte: 200, label: &#39;10 到 200（自定义label）&#39;},       // (10, 200]\n    {value: 123, label: &#39;123（自定义特殊颜色）&#39;, color: &#39;grey&#39;},  // [123, 123]\n    {lt: 5}                 // (-Infinity, 5)\n]\n</code></pre>\n<p>注意，如果两个 piece 的区间重叠，则会自动进行去重。</p>\n<p>在每个 piece 中支持的 visualMap 属性有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/map-visualMap-pieces&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<p>（注：在 ECharts2 中，<code>pieces</code> 叫做 <code>splitList</code>。现在后者仍兼容，但推荐使用 <code>pieces</code>）</p>\n<p><code>pieces</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n"
                },
                "categories": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>用于表示离散型数据（或可以称为类别型数据、枚举型数据）的全集。</p>\n<p>当所指定的维度（<a href=\"#visualMap-piecewise.dimension\">visualMap-piecewise.dimension</a>）的数据为离散型数据时，例如数据值为『优』、『良』等，那么可如下配置：</p>\n<pre><code class=\"lang-javascript\">categories: [&#39;严重污染&#39;, &#39;重度污染&#39;, &#39;中度污染&#39;, &#39;轻度污染&#39;, &#39;良&#39;, &#39;优&#39;],\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<p><code>categories</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n"
                },
                "min": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定 visualMapPiecewise 组件的最小值。</p>\n<p>在 <strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用）时，<code>max</code> 和 <code>min</code> 不需指定。</p>\n<p>在 <strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时）需指定 <code>min</code>、<code>max</code>，如果不指定，则默认为 <code>[0, 200]</code>（注意并不是默认为\nseries.data 的 <code>dataMin</code> 和 <code>dataMax</code>）。</p>\n"
                },
                "max": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定 visualMapPiecewise 组件的最大值。参见 <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a></p>\n<p><strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用），<code>max</code> 和 <code>min</code> 不需指定。</p>\n<p><strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时）需指定 <code>min</code>、<code>max</code>，如果不指定，则默认为 <code>[0, 200]</code>（注意并不是默认为\nseries.data 的 <code>dataMin</code> 和 <code>dataMax</code>）。</p>\n"
                },
                "minOpen": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>当 <code>type</code> 为 <code>piecewise</code> 且使用 <code>min</code>/<code>max</code>/<code>splitNumber</code> 时，此参数有效。当值为 <code>true</code> 时，界面上会额外多出一个『&lt; min』的选块。</p>\n"
                },
                "maxOpen": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>当 <code>type</code> 为 <code>piecewise</code> 且使用 <code>min</code>/<code>max</code>/<code>splitNumber</code> 时，此参数有效。当值为 <code>true</code> 时，界面上会额外多出一个『&gt; max』的选块。</p>\n"
                },
                "selectedMode": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>选择模式，可以是：</p>\n<ul>\n<li><code>&#39;multiple&#39;</code>（多选）。</li>\n<li><code>&#39;single&#39;</code>（单选）。</li>\n</ul>\n",
                  "default": "'multiple'"
                },
                "inverse": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否反转。</p>\n<ul>\n<li><p><strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时），数据排布规则，同 <a href=\"#visualMap-continuous.inverse\">visualMap-continuous.inverse</a>。</p>\n</li>\n<li><p><strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用），每个块的排布位置，取决于 <code>pieces</code> 或 <code>categories</code> 列表的定义顺序，即：</p>\n<ul>\n<li><p>当<code>inverse</code>为<code>false</code>时：</p>\n<ul>\n<li><p>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为 <code>&#39;vertical&#39;</code> 时，<code>pieces[0]</code> 或 <code>categories[0]</code>对应『上方』</p>\n</li>\n<li><p>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为 <code>&#39;horizontal&#39;</code> 时，<code>pieces[0]</code> 或 <code>categories[0]</code> 对应『左方』。</p>\n</li>\n</ul>\n</li>\n<li><p>当 <code>inverse</code> 为 <code>true</code> 时，与上面相反。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p>其实没有那么复杂，使用时候，试试就知道了。</p>\n",
                  "default": false
                },
                "precision": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>数据展示的小数精度。</p>\n<ul>\n<li><p><strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时），精度根据数据自动适应。</p>\n</li>\n<li><p><strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用），精度默认为0（没有小数）。</p>\n</li>\n</ul>\n",
                  "default": null
                },
                "itemWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>图形的宽度，即每个小块的宽度。</p>\n",
                  "default": 20
                },
                "itemHeight": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>图形的高度，即每个小块的高度。</p>\n",
                  "default": 14
                },
                "align": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>指定组件中图形（比如小方块）和文字的摆放关系，可选值为：</p>\n<ul>\n<li><code>&#39;auto&#39;</code> 自动决定。</li>\n<li><code>&#39;left&#39;</code> 图形在左文字在右。</li>\n<li><code>&#39;right&#39;</code> 图形在右文字在左。</li>\n</ul>\n",
                  "default": "'auto'"
                },
                "text": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>两端的文本，如[&#39;High&#39;, &#39;Low&#39;]。<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/map-visualMap-piecewise-text&amp;edit=1&amp;reset=1\" target=\"_blank\">参见例子</a>。</p>\n<p><code>text</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n<p>兼容 ECharts2，当有 <code>text</code> 时，label不显示。</p>\n",
                  "default": null
                },
                "textGap": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>两端文字主体之间的距离，单位为px。参见 <a href=\"#visualMap-piecewise.text\">visualMap-piecewise.text</a></p>\n",
                  "default": 10
                },
                "showLabel": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否显示每项的文本标签。默认情况是，如果 <a href=\"#visualMap-piecewise.text\">visualMap-piecewise.text</a> 被使用则不显示文本标签，否则显示。</p>\n"
                },
                "itemGap": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>每两个图元之间的间隔距离，单位为px。</p>\n",
                  "default": 10
                },
                "itemSymbol": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>默认的图形。可选值为：\n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>。</p>\n<p>symbol的设置参见 <a href=\"#visualMap-piecewise.inRange\">visualMap-piecewise.inRange</a> 和 <a href=\"#visualMap-piecewise.outOfRange\">visualMap-piecewise.outOfRange</a>。</p>\n<p>当他们没有进行指定时，取此 <code>itemSymbol</code> 为默认值（但是只在 visualMap 组件上使用，不在 chart 中使用）。</p>\n",
                  "default": "'roundRect'"
                },
                "show": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否显示 visualMap-piecewise 组件。如果设置为 <code>false</code>，不会显示，但是数据映射的功能还存在。</p>\n",
                  "default": true
                },
                "dimension": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 <a href=\"#series.data\">series.data</a>。\n可以把 <a href=\"#series.data\">series.data</a> 理解成一个二维数组，例如：</p>\n<pre><code class=\"lang-javascript\">[\n    [12, 23, 43],\n    [12, 23, 43],\n    [43, 545, 65],\n    [92, 23, 33]\n]\n</code></pre>\n<p>其中每个列是一个维度，即 <code>dimension</code>。\n例如 <code>dimension</code> 为 1 时，取第二列（即 23，23，545，23），映射到视觉元素上。</p>\n<p>默认取 <code>data</code> 中最后一个维度。</p>\n"
                },
                "seriesIndex": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>指定取哪个系列的数据，即哪个系列的 <a href=\"#series.data\">series.data</a>。</p>\n<p>默认取所有系列。</p>\n"
                },
                "hoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>打开 <code>hoverLink</code> 功能时，鼠标悬浮到 <code>visualMap</code> 组件上时，鼠标位置对应的数值 在 图表中对应的图形元素，会高亮。</p>\n<p>反之，鼠标悬浮到图表中的图形元素上时，在 <code>visualMap</code> 组件的相应位置会有三角提示其所对应的数值。</p>\n",
                  "default": true
                },
                "inRange": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"
                },
                "outOfRange": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"
                },
                "controller": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>visualMap 组件中，<code>控制器</code> 的 <code>inRange</code> <code>outOfRange</code> 设置。如果没有这个 <code>controller</code> 设置，<code>控制器</code> 会使用外层的 <code>inRange</code> <code>outOfRange</code> 设置；如果有这个 <code>controller</code> 设置，则会采用这个设置。适用于一些控制器视觉效果需要特殊定制或调整的场景。</p>\n",
                  "properties": {
                    "inRange": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"
                    },
                    "outOfRange": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 4
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": 0
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "auto"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": "auto"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>visualMap 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": 0
                },
                "orient": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>如何放置 visualMap 组件，水平（<code>&#39;horizontal&#39;</code>）或者竖直（<code>&#39;vertical&#39;</code>）。</p>\n",
                  "default": "'vertical'"
                },
                "padding": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>visualMap-piecewise内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                  "default": 5
                },
                "backgroundColor": {
                  "type": [
                    "Color"
                  ],
                  "descriptionCN": "<p>背景色。</p>\n",
                  "default": "'rgba(0,0,0,0)'"
                },
                "borderColor": {
                  "type": [
                    "Color"
                  ],
                  "descriptionCN": "<p>边框颜色。</p>\n",
                  "default": "'#ccc'"
                },
                "borderWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>边框线宽，单位px。</p>\n",
                  "default": 0
                },
                "color": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>这个配置项，是为了兼容 ECharts2 而存在，ECharts3 中已经不推荐使用。它的功能已经移到了 <a href=\"#visualMap-piecewise.inRange\">visualMap-piecewise.inRange</a> 和 <a href=\"#visualMap-piecewise.outOfRange\">visualMap-piecewise.outOfRange</a> 中。</p>\n<p>如果要使用，则须注意，<code>color</code>属性中的顺序是由数值 <code>大</code> 到 <code>小</code>，但是 <a href=\"#visualMap-piecewise.inRange\">visualMap-piecewise.inRange</a> 或 <a href=\"#visualMap-piecewise.outOfRange\">visualMap-piecewise.outOfRange</a> 中 <code>color</code> 的顺序，总是由数值 <code>小</code> 到 <code>大</code>。二者不一致。</p>\n",
                  "default": "['#bf444c', '#d88273', '#f6efa6']"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>visualMap 文字的颜色。</p>\n",
                      "default": "#333"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>visualMap 文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>visualMap 文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>visualMap 文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>visualMap 文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                },
                "formatter": {
                  "type": [
                    "string",
                    "Function"
                  ],
                  "descriptionCN": "<p>标签的格式化工具。</p>\n<ul>\n<li>如果为<code>string</code>，表示模板，例如：<code>aaaa{value}bbbb{value2}</code>。其中 <code>{value}</code> 和 <code>{value2}</code> 是当前的范围边界值。</li>\n<li>如果为 <code>Function</code>，表示回调函数，形如：</li>\n</ul>\n<pre><code class=\"lang-javascript\">formatter: function (value, value2) {\n    return &#39;aaaa&#39; + value + &#39;bbbb&#39; + value2; // 范围标签显示内容。\n}\n</code></pre>\n"
                }
              }
            }
          ]
        },
        "descriptionCN": "<p><code>visualMap</code> 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。</p>\n<p>视觉元素可以是：<br></p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<p><code>visualMap</code> 组件可以定义多个，从而可以同时对数据中的多个维度进行视觉映射。</p>\n<p><code>visualMap</code> 组件可以定义为 <a href=\"#visualMap-piecewise\">分段型（visualMapPiecewise）</a> 或 <a href=\"#visualMap-continuous\">连续型（visualMapContinuous）</a>，通过 <code>type</code> 来区分。例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    visualMap: [\n        { // 第一个 visualMap 组件\n            type: &#39;continuous&#39;, // 定义为连续型 viusalMap\n            ...\n        },\n        { // 第二个 visualMap 组件\n            type: &#39;piecewise&#39;, // 定义为分段型 visualMap\n            ...\n        }\n    ],\n    ...\n};\n</code></pre>\n<p><br>\n<strong>✦ 视觉映射方式的配置 ✦</strong></p>\n<p>既然是『数据』到『视觉元素』的映射，<code>visualMap</code> 中可以指定数据的『哪个维度』（参见<a href=\"#visualMap.dimension\">visualMap.dimension</a>）映射到哪些『视觉元素』（参见<a href=\"#visualMap.inRange\">visualMap.inRange</a> 和 <a href=\"#visualMap.outOfRange\">visualMap.outOfRange</a>）中。</p>\n<p><br>\n在 visualMap 组件所控制的 series 中，如果 series 中某个数据项需要避开 visualMap 映射，可以这么配置：</p>\n<pre><code>series : [\n    {name: &#39;Shanghai&#39;, value: 251},\n    {name: &#39;Haikou&#39;, value: 21},\n    // 设置 `visualMap: false` 则 visualMap 不对此项进行控制，此时系列\n    // 可使用自身的视觉参数（color/symbol/ ...控制此项的显示。\n    {name: &#39;Beijing&#39;, value: 821, visualMap: false},\n    ...\n]\n</code></pre><p><br>\n<strong>✦ 与 ECharts2 中 dataRange 的关系 ✦</strong></p>\n<p><code>visualMap</code> 是由 ECharts2 中的 <code>dataRange</code> 组件改名以及扩展而来。ECharts3里 <code>option</code> 中的 <code>dataRange</code> 配置项仍然被兼容，会自动转换成 <code>visualMap</code> 配置项。在option中推荐写 <code>visualMap</code> 而非 <code>dataRange</code>。</p>\n<p><br>\n<strong>✦ 以下是visualMap各组件的详细介绍 ✦</strong></p>\n<p><br>\n<br></p>\n",
        "properties": {}
      },
      "tooltip": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>提示框组件。</p>\n<hr>\n<p><strong>提示框组件的通用介绍：</strong></p>\n<p>提示框组件可以设置在多种地方：</p>\n<ul>\n<li><p>可以设置在全局，即 <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>可以设置在坐标系中，即 <a href=\"#grid.tooltip\">grid.tooltip</a>、<a href=\"#polar.tooltip\">polar.tooltip</a>、<a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>可以设置在系列中，即 <a href=\"#series.tooltip\">series.tooltip</a></p>\n</li>\n<li><p>可以设置在系列的每个数据项中，即 <a href=\"#series.data.tooltip\">series.data.tooltip</a></p>\n</li>\n</ul>\n<hr>\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n",
            "default": true
          },
          "trigger": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n",
            "default": "'item'"
          },
          "axisPointer": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴指示器配置项。</p>\n<p><code>tooltip.axisPointer</code> 是配置坐标轴指示器的快捷方式。实际上坐标轴指示器的全部功能，都可以通过轴上的 axisPointer 配置项完成（例如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a> 或 <a href=\"#angleAxis.axisPointer\">angleAxis.axisPointer</a>）。但是使用 <code>tooltip.axisPinter</code> 在简单场景下会更方便一些。</p>\n<blockquote>\n<p><strong>注意：</strong> <code>tooltip.axisPointer</code> 中诸配置项的优先级低于轴上的 axisPointer 的配置项。</p>\n</blockquote>\n<hr>\n<p>坐标轴指示器是指示坐标轴当前刻度的工具。</p>\n<p>如下例，鼠标悬浮到图上，可以出现标线和刻度文本。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/candlestick-axisPointer&edit=1&reset=1\" width=\"600\" height=\"450\" ></iframe>\n\n\n<p>上例中，使用了 <a href=\"#axisPointer.link\">axisPointer.link</a> 来关联不同的坐标系中的 axisPointer。</p>\n<p>坐标轴指示器也有适合触屏的交互方式，如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-x-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n\n\n\n<hr>\n<blockquote>\n<p><strong>注意：</strong>\n一般来说，axisPointer 的具体配置项会配置在各个轴中（如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a>）或者 <code>tooltip</code> 中（如 <a href=\"#tooltip.axisPointer\">tooltip.axisPointer</a>）。</p>\n<p>但是这几个选项只能配置在全局的 axisPointer 中：<a href=\"#axisPointer.triggerOn\">axisPointer.triggerOn</a>、<a href=\"#axisPointer.link\">axisPointer.link</a>。</p>\n</blockquote>\n<hr>\n<p><strong>如何显示 axisPointer：</strong></p>\n<p>直角坐标系 <a href=\"#grid\">grid</a>、极坐标系 <a href=\"#polar\">polar</a>、单轴坐标系 <a href=\"#single\">single</a> 中的每个轴都自己的 axisPointer。</p>\n<p>他们的 axisPointer 默认不显示。有两种方法可以让他们显示：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.show</a>）为 <code>true</code>，则显示此轴的 axisPointer。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则此时坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。注意，轴上如果设置了 axisPointer，会覆盖此设置。</p>\n</li>\n</ul>\n<hr>\n<p><strong>如何显示 axisPointer 的 label：</strong></p>\n<p>axisPointer 的 label 默认不显示（也就是默认只显示指示线），除非：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.label.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.label.show</a>）为 <code>true</code>，则显示此轴的 axisPointer 的 label。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时会自动显示 axisPointer 的 label。</p>\n</li>\n</ul>\n<hr>\n<p><strong>关于触屏的 axisPointer 的设置</strong></p>\n<p>设置轴上的 <code>axisPointer.handle.show</code>（例如 <a href=\"#xAxis.axisPointer.handle.show\">xAxis.axisPointer.handle.show</a> 为 <code>true</code> 则会显示出此 axisPointer 的拖拽按钮。（polar 坐标系暂不支持此功能）。</p>\n<p><strong>注意：</strong>\n如果发现此时 tooltip 效果不良好，可设置 <a href=\"#tooltip.triggerOn\">tooltip.triggerOn</a> 为 <code>&#39;none&#39;</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<hr>\n<p><strong>自动吸附到数据（snap）</strong></p>\n<p>对于数值轴、时间轴，如果开启了 <a href=\"#xAxis.axisPointer.snap\">snap</a>，则 axisPointer 会自动吸附到最近的点上。</p>\n<hr>\n",
            "properties": {
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n",
                "default": "'line'"
              },
              "axis": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n",
                "default": "'auto'"
              },
              "snap": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
              },
              "z": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
              },
              "label": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                    "default": false
                  },
                  "precision": {
                    "type": [
                      "number",
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                    "default": "'auto'"
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "margin": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                    "default": 3
                  },
                  "textStyle": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "'#fff'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  },
                  "padding": {
                    "type": [
                      "string",
                      "Array"
                    ],
                    "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                    "default": "[5, 7, 5, 7]"
                  },
                  "backgroundColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                    "default": "'auto'"
                  },
                  "borderColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                    "default": null
                  },
                  "borderWidth": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                    "default": 0
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#555"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "solid"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "shadowStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'rgba(150,150,150,0.3)"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "crossStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#555"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "dashed"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "showContent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示提示框浮层，默认显示。只需tooltip触发事件或显示axisPointer而不需要显示内容时可配置该项为<code>false</code>。</p>\n",
            "default": true
          },
          "alwaysShowContent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否永远显示提示框内容，默认情况下在移出可触发提示框区域后 <a href=\"#tooltip.hideDelay\">一定时间</a> 后隐藏，设置为 <code>true</code> 可以保证一直显示提示框内容。</p>\n<p>该属性为 ECharts 3.0 中新加。</p>\n",
            "default": false
          },
          "triggerOn": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>提示框触发的条件，可选：</p>\n<ul>\n<li><p><code>&#39;mousemove&#39;</code></p>\n<p>  鼠标移动时触发。</p>\n</li>\n<li><p><code>&#39;click&#39;</code></p>\n<p>  鼠标点击时触发。</p>\n</li>\n<li><p><code>&#39;mousemove|click&#39;</code></p>\n<p>  同时鼠标移动和点击时触发。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  不在 <code>&#39;mousemove&#39;</code> 或 <code>&#39;click&#39;</code> 时触发，用户可以通过 <a href=\"api.html#action.tooltip.showTip\" target=\"_blank\">action.tooltip.showTip</a> 和 <a href=\"api.html#action.tooltip.hideTip\" target=\"_blank\">action.tooltip.hideTip</a> 来手动触发和隐藏。也可以通过 <a href=\"#xAxis.axisPointer.handle\">axisPointer.handle</a> 来触发或隐藏。</p>\n</li>\n</ul>\n<p>该属性为 ECharts 3.0 中新加。</p>\n",
            "default": "'mousemove|click'"
          },
          "showDelay": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>浮层显示的延迟，单位为 ms，默认没有延迟，也不建议设置。在 <a href=\"#tooltip.triggerOn\">triggerOn</a> 为 <code>&#39;mousemove&#39;</code> 时有效。</p>\n",
            "default": 0
          },
          "hideDelay": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>浮层隐藏的延迟，单位为 ms，在 <a href=\"#tooltip.alwaysShowContent\">alwaysShowContent</a> 为 <code>true</code> 的时候无效。</p>\n",
            "default": 100
          },
          "enterable": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>鼠标是否可进入提示框浮层中，默认为false，如需详情内交互，如添加链接，按钮，可设置为 <code>true</code>。</p>\n",
            "default": false
          },
          "confine": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否将 tooltip 框限制在图表的区域内。</p>\n<p>当图表外层的 dom 被设置为 <code>&#39;overflow: hidden&#39;</code>，或者移动端窄屏，导致 tooltip 超出外界被截断时，此配置比较有用。</p>\n",
            "default": false
          },
          "transitionDuration": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>提示框浮层的移动动画过渡时间，单位是 s，设置为 0 的时候会紧跟着鼠标移动。</p>\n",
            "default": 0.4
          },
          "position": {
            "type": [
              "string",
              "Array",
              "Function"
            ],
            "descriptionCN": "<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
          },
          "formatter": {
            "type": [
              "string",
              "Function"
            ],
            "descriptionCN": "<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
          },
          "backgroundColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>提示框浮层的背景颜色。</p>\n",
            "default": "'rgba(50,50,50,0.7)'"
          },
          "borderColor": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>提示框浮层的边框颜色。</p>\n",
            "default": "'#333'"
          },
          "borderWidth": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>提示框浮层的边框宽。</p>\n",
            "default": 0
          },
          "padding": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
            "default": 5
          },
          "textStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>提示框浮层的文本样式。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>文字的颜色。</p>\n",
                "default": "'#fff'"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>文字的字体大小</p>\n",
                "default": 14
              }
            }
          },
          "extraCssText": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
          }
        }
      },
      "axisPointer": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>这是坐标轴指示器（axisPointer）的全局公用设置。</p>\n<hr>\n<p>坐标轴指示器是指示坐标轴当前刻度的工具。</p>\n<p>如下例，鼠标悬浮到图上，可以出现标线和刻度文本。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/candlestick-axisPointer&edit=1&reset=1\" width=\"600\" height=\"450\" ></iframe>\n\n\n<p>上例中，使用了 <a href=\"#axisPointer.link\">axisPointer.link</a> 来关联不同的坐标系中的 axisPointer。</p>\n<p>坐标轴指示器也有适合触屏的交互方式，如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-x-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n\n\n\n<hr>\n<blockquote>\n<p><strong>注意：</strong>\n一般来说，axisPointer 的具体配置项会配置在各个轴中（如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a>）或者 <code>tooltip</code> 中（如 <a href=\"#tooltip.axisPointer\">tooltip.axisPointer</a>）。</p>\n<p>但是这几个选项只能配置在全局的 axisPointer 中：<a href=\"#axisPointer.triggerOn\">axisPointer.triggerOn</a>、<a href=\"#axisPointer.link\">axisPointer.link</a>。</p>\n</blockquote>\n<hr>\n<p><strong>如何显示 axisPointer：</strong></p>\n<p>直角坐标系 <a href=\"#grid\">grid</a>、极坐标系 <a href=\"#polar\">polar</a>、单轴坐标系 <a href=\"#single\">single</a> 中的每个轴都自己的 axisPointer。</p>\n<p>他们的 axisPointer 默认不显示。有两种方法可以让他们显示：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.show</a>）为 <code>true</code>，则显示此轴的 axisPointer。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则此时坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。注意，轴上如果设置了 axisPointer，会覆盖此设置。</p>\n</li>\n</ul>\n<hr>\n<p><strong>如何显示 axisPointer 的 label：</strong></p>\n<p>axisPointer 的 label 默认不显示（也就是默认只显示指示线），除非：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.label.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.label.show</a>）为 <code>true</code>，则显示此轴的 axisPointer 的 label。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时会自动显示 axisPointer 的 label。</p>\n</li>\n</ul>\n<hr>\n<p><strong>关于触屏的 axisPointer 的设置</strong></p>\n<p>设置轴上的 <code>axisPointer.handle.show</code>（例如 <a href=\"#xAxis.axisPointer.handle.show\">xAxis.axisPointer.handle.show</a> 为 <code>true</code> 则会显示出此 axisPointer 的拖拽按钮。（polar 坐标系暂不支持此功能）。</p>\n<p><strong>注意：</strong>\n如果发现此时 tooltip 效果不良好，可设置 <a href=\"#tooltip.triggerOn\">tooltip.triggerOn</a> 为 <code>&#39;none&#39;</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<hr>\n<p><strong>自动吸附到数据（snap）</strong></p>\n<p>对于数值轴、时间轴，如果开启了 <a href=\"#xAxis.axisPointer.snap\">snap</a>，则 axisPointer 会自动吸附到最近的点上。</p>\n<hr>\n<hr>\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n",
            "default": false
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n",
            "default": "'line'"
          },
          "snap": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
          },
          "label": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                "default": false
              },
              "precision": {
                "type": [
                  "number",
                  "string"
                ],
                "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                "default": "'auto'"
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                "default": null
              },
              "margin": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                "default": 3
              },
              "textStyle": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "'#fff'"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  }
                }
              },
              "padding": {
                "type": [
                  "string",
                  "Array"
                ],
                "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                "default": "[5, 7, 5, 7]"
              },
              "backgroundColor": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                "default": "'auto'"
              },
              "borderColor": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                "default": null
              },
              "borderWidth": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                "default": 0
              },
              "shadowBlur": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                "default": 3
              },
              "shadowColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                "default": "#aaa"
              },
              "shadowOffsetX": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                "default": 0
              },
              "shadowOffsetY": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                "default": 0
              }
            }
          },
          "lineStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                "default": "#555"
              },
              "width": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>线宽。</p>\n",
                "default": 1
              },
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                "default": "solid"
              },
              "shadowBlur": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
              },
              "shadowColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
              },
              "shadowOffsetX": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                "default": 0
              },
              "shadowOffsetY": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                "default": 0
              },
              "opacity": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
              }
            }
          },
          "shadowStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                "default": "'rgba(150,150,150,0.3)"
              },
              "shadowBlur": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
              },
              "shadowColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
              },
              "shadowOffsetX": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                "default": 0
              },
              "shadowOffsetY": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                "default": 0
              },
              "opacity": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
              }
            }
          },
          "tiggerTooltip": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n",
            "default": true
          },
          "value": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n",
            "default": null
          },
          "status": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"
          },
          "handle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n",
                "default": false
              },
              "icon": {
                "type": [
                  "*"
                ],
                "descriptionCN": "<p>手柄的图标。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"
              },
              "size": {
                "type": [
                  "number",
                  "Array"
                ],
                "descriptionCN": "<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n",
                "default": 45
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n",
                "default": 50
              },
              "color": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>手柄颜色。</p>\n",
                "default": "'#333'"
              },
              "throttle": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n",
                "default": 40
              },
              "shadowBlur": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                "default": 3
              },
              "shadowColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                "default": "#aaa"
              },
              "shadowOffsetX": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                "default": 2
              },
              "shadowOffsetY": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                "default": 0
              }
            }
          },
          "link": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>不同轴的 axisPointer 可以进行联动，在这里设置。联动表示轴能同步一起活动。轴依据他们的 axisPointer 当前对应的值来联动。</p>\n<p>联动的效果可以看这两个例子：<a href=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=candlestick-brush&amp;edit=1&amp;reset=1\" target=\"_blank\">例子A</a>，<a href=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-nutrients-matrix&amp;edit=1&amp;reset=1\" target=\"_blank\">例子B</a>。</p>\n<p>link 是一个数组，其中每一项表示一个 link group，一个 group 中的坐标轴互相联动。例如：</p>\n<pre><code class=\"lang-js\">link: [\n    {\n        // 表示所有 xAxisIndex 为 0、3、4 和 yAxisName 为 &#39;someName&#39; 的坐标轴联动。\n        xAxisIndex: [0, 3, 4],\n        yAxisName: &#39;someName&#39;\n    },\n    {\n        // 表示左右 xAxisId 为 &#39;aa&#39;、&#39;cc&#39; 以及所有的 angleAxis 联动。\n        xAxisId: [&#39;aa&#39;, &#39;cc&#39;],\n        angleAxis: &#39;all&#39;\n    },\n    ...\n]\n</code></pre>\n<p>如上所示，每个 link group 中可以用这些方式引用坐标轴：</p>\n<pre><code class=\"lang-js\">{\n    // 以下的 &#39;some&#39; 均表示轴的维度，也就是表示 &#39;x&#39;, &#39;y&#39;, &#39;radius&#39;, &#39;angle&#39;, &#39;single&#39;\n    someAxisIndex: [...], // 可以是一个数组或单值或 &#39;all&#39;\n    someAxisName: [...],  // 可以是一个数组或单值或 &#39;all&#39;\n    someAxisId: [...],    // 可以是一个数组或单值或 &#39;all&#39;\n}\n</code></pre>\n<hr>\n<p><strong>如何联动不同类型（<a href=\"#xAxis.type\">axis.type</a>）的轴？</strong></p>\n<p>如果 axis 的类型不同，比如 axisA type 为 &#39;category&#39;，axisB type 为 &#39;time&#39;，可以在每个 link group 中写转换函数（mapper）来进行值的转换，例如：</p>\n<pre><code class=\"lang-js\">link: [{\n    xAxisIndex: [0, 1],\n    yAxisName: [&#39;yy&#39;],\n    mapper: function (sourceVal, sourceAxisInfo, targetAxisInfo) {\n        if (sourceAxisInfo.axisName === &#39;yy&#39;) {\n            // from timestamp to &#39;2012-02-05&#39;\n            return echarts.format.formatTime(&#39;yyyy-MM-dd&#39;, sourceVal);\n        }\n        else if (targetAxisInfo.axisName === &#39;yy&#39;) {\n            // from &#39;2012-02-05&#39; to date\n            return echarts.number.parseDate(dates[sourceVal]);\n        }\n        else {\n            return sourceVal;\n        }\n    }\n}]\n</code></pre>\n<p>mapper 的输入参数：</p>\n<p><code>{number}</code> sourceVal</p>\n<p><code>{Object}</code> sourceAxisInfo 里面包含 {axisDim, axisId, axisName, axisIndex} 等信息</p>\n<p><code>{Object}</code> targetAxisInfo 里面包含 {axisDim, axisId, axisName, axisIndex} 等信息</p>\n<p>mapper 的返回值：</p>\n<p><code>{number}</code> 转换结果</p>\n"
          },
          "triggerOn": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>提示框触发的条件，可选：</p>\n<ul>\n<li><p><code>&#39;mousemove&#39;</code></p>\n<p>  鼠标移动时触发。</p>\n</li>\n<li><p><code>&#39;click&#39;</code></p>\n<p>  鼠标点击时触发。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  不在 <code>&#39;mousemove&#39;</code> 或 <code>&#39;click&#39;</code> 时触发。</p>\n</li>\n</ul>\n",
            "default": "'mousemove|click'"
          }
        }
      },
      "toolbox": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>工具栏。内置有<a href=\"#toolbox.feature.saveAsImage\">导出图片</a>，<a href=\"#toolbox.feature.dataView\">数据视图</a>，<a href=\"#toolbox.feature.magicType\">动态类型切换</a>，<a href=\"#toolbox.feature.dataZoom\">数据区域缩放</a>，<a href=\"#toolbox.feature.reset\">重置</a>五个工具。</p>\n<p><strong>如下示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-marker&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示工具栏组件。</p>\n",
            "default": true
          },
          "orient": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>工具栏 icon 的布局朝向。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;horizontal&#39;</li>\n<li>&#39;vertical&#39;</li>\n</ul>\n",
            "default": "'horizontal'"
          },
          "itemSize": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>工具栏 icon 的大小。</p>\n",
            "default": 15
          },
          "itemGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。</p>\n",
            "default": 10
          },
          "showTitle": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否在鼠标 hover 的时候显示每个工具 icon 的标题。</p>\n",
            "default": true
          },
          "feature": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>各工具配置项。</p>\n<p>除了各个内置的工具按钮外，还可以自定义工具按钮。</p>\n<p>注意，自定义的工具名字，只能以 <code>my</code> 开头，例如下例中的 <code>myTool1</code>，<code>myTool2</code>：</p>\n<pre><code class=\"lang-javascript\">{\n    toolbox: {\n        feature: {\n            myTool1: {\n                show: true,\n                title: &#39;自定义扩展方法1&#39;,\n                icon: &#39;path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891&#39;,\n                onclick: function (){\n                    alert(&#39;myToolHandler1&#39;)\n                }\n            },\n            myTool2: {\n                show: true,\n                title: &#39;自定义扩展方法&#39;,\n                icon: &#39;image://http://echarts.baidu.com/images/favicon.png&#39;,\n                onclick: function (){\n                    alert(&#39;myToolHandler2&#39;)\n                }\n            }\n        }\n    }\n}\n</code></pre>\n",
            "properties": {
              "saveAsImage": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>保存为图片。</p>\n",
                "properties": {
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>保存的图片格式。支持 <code>&#39;png&#39;</code> 和 <code>&#39;jpeg&#39;</code>。</p>\n",
                    "default": "'png'"
                  },
                  "name": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>保存的文件名称，默认使用 <a href=\"#title.text\">title.text</a> 作为名称。</p>\n"
                  },
                  "backgroundColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>保存的图片背景色，默认使用 <a href=\"#backgroundColor\">backgroundColor</a>，如果<code>backgroundColor</code>不存在的话会取白色。</p>\n",
                    "default": "'auto'"
                  },
                  "excludeComponents": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>保存为图片时忽略的组件列表，默认忽略工具栏。</p>\n",
                    "default": "['toolbox']"
                  },
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示该工具。</p>\n",
                    "default": true
                  },
                  "title": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "default": "'保存为图片'"
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                  },
                  "iconStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>保存为图片 icon 样式设置。</p>\n",
                    "properties": {
                      "normal": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "#666"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 1
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          },
                          "textPosition": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"
                          },
                          "textAlign": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"
                          }
                        }
                      },
                      "emphasis": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "\"#000\""
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 0
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          }
                        }
                      }
                    }
                  },
                  "pixelRatio": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>保存图片的分辨率比例，默认跟容器相同大小，如果需要保存更高分辨率的，可以设置为大于 1 的值，例如 2。</p>\n",
                    "default": 1
                  }
                }
              },
              "restore": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>配置项还原。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示该工具。</p>\n",
                    "default": true
                  },
                  "title": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "default": "'还原'"
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                  },
                  "iconStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>还原 icon 样式设置。</p>\n",
                    "properties": {
                      "normal": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "#666"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 1
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          },
                          "textPosition": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"
                          },
                          "textAlign": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"
                          }
                        }
                      },
                      "emphasis": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "\"#000\""
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 0
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          }
                        }
                      }
                    }
                  }
                }
              },
              "dataView": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示该工具。</p>\n",
                    "default": true
                  },
                  "title": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "default": "'数据视图'"
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                  },
                  "iconStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>数据视图 icon 样式设置。</p>\n",
                    "properties": {
                      "normal": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "#666"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 1
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          },
                          "textPosition": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"
                          },
                          "textAlign": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"
                          }
                        }
                      },
                      "emphasis": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "\"#000\""
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 0
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          }
                        }
                      }
                    }
                  },
                  "readOnly": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否不可编辑（只读）。</p>\n",
                    "default": false
                  },
                  "optionToContent": {
                    "type": [
                      "Function"
                    ],
                    "descriptionCN": "<pre><code class=\"lang-js\">(option:Object) =&gt; HTMLDomElement|string\n</code></pre>\n<p>自定义 dataView 展现函数，用以取代默认的 textarea 使用更丰富的数据编辑。可以返回 dom 对象或者 html 字符串。</p>\n<p>如下示例使用表格展现数据值：</p>\n<pre><code class=\"lang-js\">optionToContent: function(opt) {\n    var axisData = opt.xAxis[0].data;\n    var series = opt.series;\n    var table = &#39;&lt;table style=&quot;width:100%;text-align:center&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&#39;\n                 + &#39;&lt;td&gt;时间&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[0].name + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[1].name + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;/tr&gt;&#39;;\n    for (var i = 0, l = axisData.length; i &lt; l; i++) {\n        table += &#39;&lt;tr&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + axisData[i] + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[0].data[i] + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[1].data[i] + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;/tr&gt;&#39;;\n    }\n    table += &#39;&lt;/tbody&gt;&lt;/table&gt;&#39;;\n    return table;\n}\n</code></pre>\n"
                  },
                  "contentToOption": {
                    "type": [
                      "Function"
                    ],
                    "descriptionCN": "<pre><code class=\"lang-js\">(container:HTMLDomElement, option:Object) =&gt; Object\n</code></pre>\n<p>在使用 optionToContent 的情况下，如果支持数据编辑后的刷新，需要自行通过该函数实现组装 option 的逻辑。</p>\n"
                  },
                  "lang": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>数据视图上有三个话术，默认是<code>[&#39;数据视图&#39;, &#39;关闭&#39;, &#39;刷新&#39;]</code>。</p>\n",
                    "default": "['数据视图', '关闭', '刷新']"
                  },
                  "backgroundColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>数据视图浮层背景色。</p>\n",
                    "default": "'#fff'"
                  },
                  "textareaColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>数据视图浮层文本输入区背景色。</p>\n",
                    "default": "'#fff'"
                  },
                  "textareaBorderColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>数据视图浮层文本输入区边框颜色。</p>\n",
                    "default": "'#333'"
                  },
                  "textColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本颜色。</p>\n",
                    "default": "'#000'"
                  },
                  "buttonColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>按钮颜色。</p>\n",
                    "default": "'#c23531'"
                  },
                  "buttonTextColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>按钮文本颜色。</p>\n",
                    "default": "'#fff'"
                  }
                }
              },
              "dataZoom": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>数据区域缩放。目前只支持直角坐标系的缩放。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示该工具。</p>\n",
                    "default": true
                  },
                  "title": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>缩放和还原的标题文本。</p>\n",
                    "properties": {
                      "zoom": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'区域缩放'"
                      },
                      "back": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'区域缩放还原'"
                      }
                    }
                  },
                  "icon": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>缩放和还原的 icon path。</p>\n",
                    "properties": {
                      "zoom": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "back": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      }
                    }
                  },
                  "iconStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>数据区域缩放 icon 样式设置。</p>\n",
                    "properties": {
                      "normal": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "#666"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 1
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          },
                          "textPosition": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"
                          },
                          "textAlign": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"
                          }
                        }
                      },
                      "emphasis": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "\"#000\""
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 0
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          }
                        }
                      }
                    }
                  },
                  "xAxisIndex": {
                    "type": [
                      "number",
                      "Array",
                      "boolean"
                    ],
                    "descriptionCN": "<p>指定哪些 <a href=\"#xAxis\">xAxis</a> 被控制。如果缺省则控制所有的x轴。如果设置为 <code>false</code> 则不控制任何x轴。如果设置成 <code>3</code> 则控制 axisIndex 为 <code>3</code> 的x轴。如果设置为 <code>[0, 3]</code> 则控制 axisIndex 为 <code>0</code> 和 <code>3</code> 的x轴。</p>\n"
                  },
                  "yAxisIndex": {
                    "type": [
                      "number",
                      "Array",
                      "boolean"
                    ],
                    "descriptionCN": "<p>指定哪些 <a href=\"#yAxis\">yAxis</a> 被控制。如果缺省则控制所有的y轴。如果设置为 <code>false</code> 则不控制任何y轴。如果设置成 <code>3</code> 则控制 axisIndex 为 <code>3</code> 的y轴。如果设置为 <code>[0, 3]</code> 则控制 axisIndex 为 <code>0</code> 和 <code>3</code> 的y轴。</p>\n"
                  }
                }
              },
              "magicType": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>动态类型切换\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">feature: {\n    magicType: {\n        type: [&#39;line&#39;, &#39;bar&#39;, &#39;stack&#39;, &#39;tiled&#39;]\n    }\n}\n</code></pre>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示该工具。</p>\n",
                    "default": true
                  },
                  "type": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>启用的动态类型，包括<code>&#39;line&#39;</code>（切换为折线图）, <code>&#39;bar&#39;</code>（切换为柱状图）, <code>&#39;stack&#39;</code>（切换为堆叠模式）, <code>&#39;tiled&#39;</code>（切换为平铺模式）。</p>\n"
                  },
                  "title": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>各个类型的标题文本，可以分别配置。</p>\n",
                    "properties": {
                      "line": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'切换为折线图'"
                      },
                      "bar": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'切换为柱状图'"
                      },
                      "stack": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'切换为堆叠'"
                      },
                      "tiled": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'切换为平铺'"
                      }
                    }
                  },
                  "icon": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>各个类型的 icon path，可以分别配置。</p>\n",
                    "properties": {
                      "line": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "bar": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "stack": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "tiled": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      }
                    }
                  },
                  "iconStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>动态类型切换 icon 样式设置。</p>\n",
                    "properties": {
                      "normal": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "#666"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 1
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          },
                          "textPosition": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"
                          },
                          "textAlign": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"
                          }
                        }
                      },
                      "emphasis": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "自适应"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "\"#000\""
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                            "default": 0
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          }
                        }
                      }
                    }
                  },
                  "option": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>各个类型的专有配置项。在切换到某类型的时候会合并相应的配置项。</p>\n",
                    "properties": {
                      "line": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": ""
                      },
                      "bar": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": ""
                      },
                      "stack": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": ""
                      },
                      "tiled": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": ""
                      }
                    }
                  },
                  "seriesIndex": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>各个类型对应的系列的列表。</p>\n",
                    "properties": {
                      "line": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": ""
                      },
                      "bar": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": ""
                      },
                      "stack": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": ""
                      },
                      "tiled": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": ""
                      }
                    }
                  }
                }
              },
              "brush": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>选框组件的控制按钮。</p>\n<p>也可以不在这里指定，而是在 <a href=\"#brush.toolbox\">brush.toolbox</a> 中指定。</p>\n",
                "properties": {
                  "type": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>使用的按钮，取值：</p>\n<ul>\n<li><code>&#39;rect&#39;</code>：开启矩形选框选择功能。</li>\n<li><code>&#39;polygon&#39;</code>：开启任意形状选框选择功能。</li>\n<li><code>&#39;lineX&#39;</code>：开启横向选择功能。</li>\n<li><code>&#39;lineY&#39;</code>：开启纵向选择功能。</li>\n<li><code>&#39;keep&#39;</code>：切换『单选』和『多选』模式。后者可支持同时画多个选框。前者支持单击清除所有选框。</li>\n<li><code>&#39;clear&#39;</code>：清空所有选框。</li>\n</ul>\n"
                  },
                  "icon": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>每个按钮的 icon path。</p>\n",
                    "properties": {
                      "rect": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "polygon": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "lineX": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "lineY": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "keep": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "clear": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>Icon 的 path 字符串，ECharts 3 中支持使用自定义的 svg path 作为 icon，格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      }
                    }
                  },
                  "title": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>标题文本。</p>\n",
                    "properties": {
                      "rect": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'矩形选择'"
                      },
                      "polygon": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'圈选'"
                      },
                      "lineX": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'横向选择'"
                      },
                      "lineY": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'纵向选择'"
                      },
                      "keep": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'保持选择'"
                      },
                      "clear": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "",
                        "default": "'清除选择'"
                      }
                    }
                  }
                }
              }
            }
          },
          "iconStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>公用的 icon 样式设置。</p>\n",
            "properties": {
              "normal": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "自适应"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                    "default": "#666"
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                    "default": 1
                  },
                  "borderType": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  },
                  "textPosition": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"
                  },
                  "textAlign": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"
                  }
                }
              },
              "emphasis": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "自适应"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                    "default": "\"#000\""
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                    "default": 0
                  },
                  "borderType": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>工具栏组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>工具栏组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>工具栏组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>工具栏组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "width": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>工具栏组件的宽度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "height": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>工具栏组件的高度。默认自适应。</p>\n",
            "default": "'auto'"
          }
        }
      },
      "brush": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p><code>brush</code> 是区域选择组件，用户可以选择图中一部分数据，从而便于向用户展示被选中数据，或者他们的一些统计计算结果。</p>\n<p>示例如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-map-brush&edit=1&reset=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n<p><br></p>\n<hr>\n<p><strong>刷子的类型和启动按钮</strong></p>\n<p>目前 <code>brush</code> 组件支持的图表类型：<code>scatter</code>、<code>bar</code>、<code>candlestick</code>（<code>parallel</code> 本身自带刷选功能，但并非由 brush 组件来提供）。</p>\n<p>点击 <code>toolbox</code> 中的按钮，能够进行『区域选择』、『清除选择』等操作。</p>\n<p><br>\n<code>横向刷子</code> 的示例如下（点击 <code>toolbox</code> 中的按钮启动刷选）：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=candlestick-brush&edit=1&reset=1\" width=\"800\" height=\"500\" ></iframe>\n\n\n<p><br>\n<code>bar</code> 图中的 <code>brush</code>（点击 <code>toolbox</code> 中的按钮启动刷选）：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=bar-brush&edit=1&reset=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n<p>启动 <code>brush</code> 的按钮既可以在 <code>toolbox</code> 中指定（参见 <a href=\"#toolbox.feature.brush.type\">toolbox.feature.brush.type</a>），也可以在 <code>brush</code> 组件的配置中指定（参见 <a href=\"#brush.toolbox\">brush.toolbox</a>）。</p>\n<p>支持这几种选框：<code>矩形刷子</code>，<code>任意形状刷子</code>，<code>横向刷子</code>，<code>纵向刷子</code>。参见 <a href=\"#brush.toolbox\">brush.toolbox</a>。</p>\n<p>可以使用 <code>保持选择</code> 按钮，切换单选和多选模式。</p>\n<ul>\n<li>单选即同时只能存在一个选框，可单击空白区域消除选框。</li>\n<li>多选即同时可存在多个选框，单击空白区域不能消除选框，需要点击『清除按钮』消除线框。</li>\n</ul>\n<p><br></p>\n<hr>\n<p><strong>刷选和坐标系的关系</strong></p>\n<p>可以设置 <code>brush</code> 是『全局的』还是『属于坐标系的』。</p>\n<p><strong>全局 brush</strong></p>\n<p>在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。</p>\n<p><strong>坐标系 brush</strong></p>\n<p>在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。</p>\n<p>坐标系 brush 实际更为常用，尤其是在 geo 中。</p>\n<p>通过指定 <a href=\"#brush.geoIndex\">brush.geoIndex</a> 或 <a href=\"#brush.xAxisIndex\">brush.xAxisIndex</a> 或 <a href=\"#brush.yAxisIndex\">brush.yAxisIndex</a> 来规定可以在哪些坐标系中进行刷选。</p>\n<p>这几个配置项的取值可以是：</p>\n<ul>\n<li><code>&#39;all&#39;</code>，表示所有</li>\n<li><code>number</code>，如 <code>0</code>，表示这个 index 所对应的坐标系。</li>\n<li><code>Array</code>，如 <code>[0, 4, 2]</code>，表示指定这些 index 所对应的坐标系。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code>，表示不指定。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    geo: {\n        ...\n    },\n    brush: {\n        geoIndex: &#39;all&#39;, // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。\n        ...\n    }\n};\n</code></pre>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    grid: [\n        {...}, // grid 0\n        {...}  // grid 1\n    ],\n    xAxis: [\n        {gridIndex: 1, ...}, // xAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // xAxis 1，属于 grid 0。\n    ],\n    yAxis: [\n        {gridIndex: 1, ...}, // yAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // yAxis 1，属于 grid 0。\n    ],\n    brush: {\n        xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。\n        ...\n    }\n};\n</code></pre>\n<p><br></p>\n<hr>\n<p><strong> 使用 API 控制选框 </strong></p>\n<p>可以通过调用 <code>dispatchAction</code> 来用程序主动渲染选框，例如：</p>\n<pre><code class=\"lang-javascript\">myChart.dispatchAction({\n    type: &#39;brush&#39;,\n    areas: [\n        {\n            geoIndex: 0,\n            // 指定选框的类型。\n            brushType: &#39;polygon&#39;,\n            // 指定选框的形状。\n            coordRange: [[119.72,34.85],[119.68,34.85],[119.5,34.84],[119.19,34.77]]\n        }\n    ]\n});\n</code></pre>\n<p>详情参见 <a href=\"api.html#action.brush\" target=\"_blank\">action.brush</a></p>\n<p><br></p>\n<hr>\n<p><strong> brushLink </strong></p>\n<p>不同系列间，选中的项可以联动。</p>\n<p>参见如下效果（刷选一个 <code>scatter</code>，其他 <code>scatter</code> 以及 <code>parallel</code> 图都会有选中效果）：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-matrix&edit=1&reset=1\" width=\"800\" height=\"550\" ></iframe>\n\n\n<p><code>brushLink</code> 配置项是一个数组，内容是 seriesIndex，指定了哪些 series 可以被联动。例如可以是：</p>\n<ul>\n<li><code>[3, 4, 5]</code> 表示 seriesIndex 为 <code>3</code>, <code>4</code>, <code>5</code> 的 series 可以被联动。</li>\n<li><code>&#39;all&#39;</code> 表示所有 series 都进行 brushLink。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code> 表示不启用 brushLink 功能。</li>\n</ul>\n<p><strong>注意</strong></p>\n<p>brushLink 是通过 dataIndex 进行映射，所以需要保证，<strong>联动的每个系列的 <code>data</code> 都是 <code>index</code> 对应的</strong>。*</p>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    brush: {\n        brushLink: [0, 1]\n    },\n    series: [\n        {\n            type: &#39;bar&#39;\n            data: [232,    4434,    545,      654]     // data 有四个项\n        },\n        {\n            type: &#39;parallel&#39;,\n            data: [[4, 5], [3, 5], [66, 33], [99, 66]] // data 同样有四个项，两个系列的 data 是对应的。\n        }\n    ]\n};\n</code></pre>\n<p>参见 <a href=\"#brush.brushLink\">brush.brushLink</a>。</p>\n<p><br></p>\n<hr>\n<p><strong> throttle / debounce / 事件延迟 </strong></p>\n<p>默认情况，刷选或者移动选区的时候，会不断得发 <code>brushSelected</code> 事件，从而告诉外界选中的内容。</p>\n<p>但是频繁的事件可能导致性能问题，或者动画效果很差。所以 brush 组件提供了 <a href=\"#brush.throttleType\">brush.throttleType</a>，<a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 来解决这个问题。</p>\n<p>throttleType 取值可以是：</p>\n<ul>\n<li><code>&#39;debounce&#39;</code>：表示只有停止动作了（即一段时间没有操作了），才会触发事件。时间阈值由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n<li><code>&#39;fixRate&#39;</code>：表示按照一定的频率触发时间，时间间隔由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n</ul>\n<p>例如这个 <a href=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-map-brush&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，就是使用了 <code>debounce</code>的效果：只有用户停止动作了，柱状图才更新。不然的话，如果柱状图的频繁更新，那么动画效果很差。</p>\n<p><br></p>\n<hr>\n<p><strong> 被选中项和未被选中项的视觉设置 </strong></p>\n<p>参见 <a href=\"#brush.inBrush\">brush.inBrush</a> 和 <a href=\"#brush.outOfBrush\">brush.outOfBrush</a>。</p>\n<p><br></p>\n<hr>\n<p>下面是详细配置。</p>\n",
        "properties": {
          "toolbox": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>使用在 toolbox 中的按钮。</p>\n<p>brush 相关的 toolbox 按钮有：</p>\n<ul>\n<li><code>&#39;rect&#39;</code>：开启矩形选框选择功能。</li>\n<li><code>&#39;polygon&#39;</code>：开启任意形状选框选择功能。</li>\n<li><code>&#39;lineX&#39;</code>：开启横向选择功能。</li>\n<li><code>&#39;lineY&#39;</code>：开启纵向选择功能。</li>\n<li><code>&#39;keep&#39;</code>：切换『单选』和『多选』模式。后者可支持同时画多个选框。前者支持单击清除所有选框。</li>\n<li><code>&#39;clear&#39;</code>：清空所有选框。</li>\n</ul>\n",
            "default": "['rect', 'polygon', 'keep', 'clear']"
          },
          "brushLink": {
            "type": [
              "Array",
              "string"
            ],
            "descriptionCN": "<p>不同系列间，选中的项可以联动。</p>\n<p>参见如下效果（刷选一个 <code>scatter</code>，其他 <code>scatter</code> 以及 <code>parallel</code> 图都会有选中效果）：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-matrix&edit=1&reset=1\" width=\"800\" height=\"550\" ></iframe>\n\n\n<p><code>brushLink</code> 配置项是一个数组，内容是 seriesIndex，指定了哪些 series 可以被联动。例如可以是：</p>\n<ul>\n<li><code>[3, 4, 5]</code> 表示 seriesIndex 为 <code>3</code>, <code>4</code>, <code>5</code> 的 series 可以被联动。</li>\n<li><code>&#39;all&#39;</code> 表示所有 series 都进行 brushLink。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code> 表示不启用 brushLink 功能。</li>\n</ul>\n<p><strong>注意</strong></p>\n<p>brushLink 是通过 dataIndex 进行映射，所以需要保证，<strong>联动的每个系列的 <code>data</code> 都是 <code>index</code> 对应的</strong>。*</p>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    brush: {\n        brushLink: [0, 1]\n    },\n    series: [\n        {\n            type: &#39;bar&#39;\n            data: [232,    4434,    545,      654]     // data 有四个项\n        },\n        {\n            type: &#39;parallel&#39;,\n            data: [[4, 5], [3, 5], [66, 33], [99, 66]] // data 同样有四个项，两个系列的 data 是对应的。\n        }\n    ]\n};\n</code></pre>\n",
            "default": null
          },
          "seriesIndex": {
            "type": [
              "Array",
              "number",
              "string"
            ],
            "descriptionCN": "<p>指定哪些 series 可以被刷选，可取值为：</p>\n<ul>\n<li><code>&#39;all&#39;</code>: 所有 series</li>\n<li><code>&#39;Array&#39;</code>: series index 列表</li>\n<li><code>&#39;number&#39;</code>: 某个 series index</li>\n</ul>\n",
            "default": "'all'"
          },
          "geoIndex": {
            "type": [
              "Array",
              "number",
              "string"
            ],
            "descriptionCN": "<p>指定哪些 geo 可以被刷选。</p>\n<p>可以设置 <code>brush</code> 是『全局的』还是『属于坐标系的』。</p>\n<p><strong>全局 brush</strong></p>\n<p>在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。</p>\n<p><strong>坐标系 brush</strong></p>\n<p>在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。</p>\n<p>坐标系 brush 实际更为常用，尤其是在 geo 中。</p>\n<p>通过指定 <a href=\"#brush.geoIndex\">brush.geoIndex</a> 或 <a href=\"#brush.xAxisIndex\">brush.xAxisIndex</a> 或 <a href=\"#brush.yAxisIndex\">brush.yAxisIndex</a> 来规定可以在哪些坐标系中进行刷选。</p>\n<p>这几个配置项的取值可以是：</p>\n<ul>\n<li><code>&#39;all&#39;</code>，表示所有</li>\n<li><code>number</code>，如 <code>0</code>，表示这个 index 所对应的坐标系。</li>\n<li><code>Array</code>，如 <code>[0, 4, 2]</code>，表示指定这些 index 所对应的坐标系。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code>，表示不指定。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    geo: {\n        ...\n    },\n    brush: {\n        geoIndex: &#39;all&#39;, // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。\n        ...\n    }\n};\n</code></pre>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    grid: [\n        {...}, // grid 0\n        {...}  // grid 1\n    ],\n    xAxis: [\n        {gridIndex: 1, ...}, // xAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // xAxis 1，属于 grid 0。\n    ],\n    yAxis: [\n        {gridIndex: 1, ...}, // yAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // yAxis 1，属于 grid 0。\n    ],\n    brush: {\n        xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。\n        ...\n    }\n};\n</code></pre>\n",
            "default": null
          },
          "xAxisIndex": {
            "type": [
              "Array",
              "number",
              "string"
            ],
            "descriptionCN": "<p>指定哪些 xAxisIndex 可以被刷选。</p>\n<p>可以设置 <code>brush</code> 是『全局的』还是『属于坐标系的』。</p>\n<p><strong>全局 brush</strong></p>\n<p>在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。</p>\n<p><strong>坐标系 brush</strong></p>\n<p>在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。</p>\n<p>坐标系 brush 实际更为常用，尤其是在 geo 中。</p>\n<p>通过指定 <a href=\"#brush.geoIndex\">brush.geoIndex</a> 或 <a href=\"#brush.xAxisIndex\">brush.xAxisIndex</a> 或 <a href=\"#brush.yAxisIndex\">brush.yAxisIndex</a> 来规定可以在哪些坐标系中进行刷选。</p>\n<p>这几个配置项的取值可以是：</p>\n<ul>\n<li><code>&#39;all&#39;</code>，表示所有</li>\n<li><code>number</code>，如 <code>0</code>，表示这个 index 所对应的坐标系。</li>\n<li><code>Array</code>，如 <code>[0, 4, 2]</code>，表示指定这些 index 所对应的坐标系。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code>，表示不指定。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    geo: {\n        ...\n    },\n    brush: {\n        geoIndex: &#39;all&#39;, // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。\n        ...\n    }\n};\n</code></pre>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    grid: [\n        {...}, // grid 0\n        {...}  // grid 1\n    ],\n    xAxis: [\n        {gridIndex: 1, ...}, // xAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // xAxis 1，属于 grid 0。\n    ],\n    yAxis: [\n        {gridIndex: 1, ...}, // yAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // yAxis 1，属于 grid 0。\n    ],\n    brush: {\n        xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。\n        ...\n    }\n};\n</code></pre>\n",
            "default": null
          },
          "yAxisIndex": {
            "type": [
              "Array",
              "number",
              "string"
            ],
            "descriptionCN": "<p>指定哪些 yAxisIndex 可以被刷选。</p>\n<p>可以设置 <code>brush</code> 是『全局的』还是『属于坐标系的』。</p>\n<p><strong>全局 brush</strong></p>\n<p>在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。</p>\n<p><strong>坐标系 brush</strong></p>\n<p>在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。</p>\n<p>坐标系 brush 实际更为常用，尤其是在 geo 中。</p>\n<p>通过指定 <a href=\"#brush.geoIndex\">brush.geoIndex</a> 或 <a href=\"#brush.xAxisIndex\">brush.xAxisIndex</a> 或 <a href=\"#brush.yAxisIndex\">brush.yAxisIndex</a> 来规定可以在哪些坐标系中进行刷选。</p>\n<p>这几个配置项的取值可以是：</p>\n<ul>\n<li><code>&#39;all&#39;</code>，表示所有</li>\n<li><code>number</code>，如 <code>0</code>，表示这个 index 所对应的坐标系。</li>\n<li><code>Array</code>，如 <code>[0, 4, 2]</code>，表示指定这些 index 所对应的坐标系。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code>，表示不指定。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    geo: {\n        ...\n    },\n    brush: {\n        geoIndex: &#39;all&#39;, // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。\n        ...\n    }\n};\n</code></pre>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    grid: [\n        {...}, // grid 0\n        {...}  // grid 1\n    ],\n    xAxis: [\n        {gridIndex: 1, ...}, // xAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // xAxis 1，属于 grid 0。\n    ],\n    yAxis: [\n        {gridIndex: 1, ...}, // yAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // yAxis 1，属于 grid 0。\n    ],\n    brush: {\n        xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。\n        ...\n    }\n};\n</code></pre>\n",
            "default": null
          },
          "brushType": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>默认的刷子类型。</p>\n<ul>\n<li><code>&#39;rect&#39;</code>：矩形选框。</li>\n<li><code>&#39;polygon&#39;</code>：任意形状选框。</li>\n<li><code>&#39;lineX&#39;</code>：横向选择。</li>\n<li><code>&#39;lineY&#39;</code>：纵向选择。</li>\n</ul>\n",
            "default": "'rect'"
          },
          "brushMode": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>默认的刷子的模式。可取值为：</p>\n<ul>\n<li><code>&#39;single&#39;</code>：单选。</li>\n<li><code>&#39;multiple&#39;</code>：多选。</li>\n</ul>\n",
            "default": "'single'"
          },
          "transformable": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>已经选好的选框是否可以被调整形状或平移。</p>\n",
            "default": true
          },
          "brushStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>选框的默认样式，值为：</p>\n<pre><code class=\"lang-javascript\">{\n    borderWidth: 1,\n    color: &#39;rgba(120,140,180,0.3)&#39;,\n    borderColor: &#39;rgba(120,140,180,0.8)&#39;\n},\n</code></pre>\n"
          },
          "throttleType": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>默认情况，刷选或者移动选区的时候，会不断得发 <code>brushSelected</code> 事件，从而告诉外界选中的内容。</p>\n<p>但是频繁的事件可能导致性能问题，或者动画效果很差。所以 brush 组件提供了 <a href=\"#brush.throttleType\">brush.throttleType</a>，<a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 来解决这个问题。</p>\n<p>throttleType 取值可以是：</p>\n<ul>\n<li><code>&#39;debounce&#39;</code>：表示只有停止动作了（即一段时间没有操作了），才会触发事件。时间阈值由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n<li><code>&#39;fixRate&#39;</code>：表示按照一定的频率触发时间，时间间隔由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n</ul>\n<p>例如这个 <a href=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-map-brush&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，就是使用了 <code>debounce</code>的效果：只有用户停止动作了，柱状图才更新。不然的话，如果柱状图的频繁更新，那么动画效果很差。</p>\n",
            "default": "'fixRate'"
          },
          "throttleDelay": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>默认为 <code>0</code> 表示不开启 throttle。</p>\n<p>默认情况，刷选或者移动选区的时候，会不断得发 <code>brushSelected</code> 事件，从而告诉外界选中的内容。</p>\n<p>但是频繁的事件可能导致性能问题，或者动画效果很差。所以 brush 组件提供了 <a href=\"#brush.throttleType\">brush.throttleType</a>，<a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 来解决这个问题。</p>\n<p>throttleType 取值可以是：</p>\n<ul>\n<li><code>&#39;debounce&#39;</code>：表示只有停止动作了（即一段时间没有操作了），才会触发事件。时间阈值由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n<li><code>&#39;fixRate&#39;</code>：表示按照一定的频率触发时间，时间间隔由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n</ul>\n<p>例如这个 <a href=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-map-brush&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，就是使用了 <code>debounce</code>的效果：只有用户停止动作了，柱状图才更新。不然的话，如果柱状图的频繁更新，那么动画效果很差。</p>\n",
            "default": 0
          },
          "removeOnClick": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>在 <a href=\"#brush.brushMode\">brush.brushMode</a> 为 <code>&#39;single&#39;</code> 的情况下，是否支持『单击清除所有选框』。</p>\n",
            "default": true
          },
          "inBrush": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>定义 <strong>在选中范围中</strong> 的视觉元素。</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<p>大多数情况下，inBrush 可以不指定，维持本来的视觉配置。</p>\n"
          },
          "outOfBrush": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>定义 <strong>在选中范围外</strong> 的视觉元素。</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<p><strong>注意</strong>，如果 outOfBrush 没有指定，默认会设置 color: <code>&#39;#ddd&#39;</code>，如果你不想要这个color，比如可以\n换成：</p>\n<pre><code class=\"lang-javascript\">brush: {\n    ...,\n    outOfBrush: {\n        colorAlpha: 0.1\n    }\n}\n</code></pre>\n"
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>brush 选框的 z-index。当有和不想管组件有不正确的重叠时，可以进行调整。</p>\n",
            "default": 10000
          }
        }
      },
      "geo": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>地理坐标系组件。</p>\n<p>地理坐标系组件用于地图的绘制，支持在地理坐标系上绘制<a href=\"#series-scatter\">散点图</a>，<a href=\"#series-lines\">线集</a>。</p>\n<p><strong>在地理坐标系中使用散点图的示例:</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-map&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n\n<p><code>3.1.10</code> 开始 geo 组件也支持鼠标事件。事件参数为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;geo&#39;,\n    // Geo 组件在 option 中的 index\n    geoIndex: number,\n    // 点击区域的名称，比如&quot;上海&quot;\n    name: string,\n    // 传入的点击区域的 region 对象，见 geo.regions\n    region: Object\n}\n</code></pre>\n<p><strong>Tip:</strong>\ngeo 区域的颜色也可以被 map series 所控制，参见 <a href=\"#series-map.geoIndex\">series-map.geoIndex</a>。</p>\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示地理坐标系组件。</p>\n",
            "default": true
          },
          "map": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>地图类型。</p>\n<p>ECharts 3 中因为地图精度的提高，不再内置地图数据增大代码体积，你可以在<a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">地图下载界面</a>下载到需要的地图文件引入并注册到 ECharts 中。</p>\n<p>ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。</p>\n<p>下面是两种类型的使用示例：</p>\n<p><strong> JavaScript 引入示例 </strong></p>\n<pre><code class=\"lang-html\">&lt;script src=&quot;echarts.js&quot;&gt;&lt;/script&gt;\n&lt;script src=&quot;map/js/china.js&quot;&gt;&lt;/script&gt;\n&lt;script&gt;\nvar chart = echarts.init(document.getElementById(&#39;main&#39;));\nchart.setOption({\n    series: [{\n        type: &#39;map&#39;,\n        map: &#39;china&#39;\n    }]\n});\n&lt;/script&gt;\n</code></pre>\n<p><strong> JSON 引入示例 </strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/json/china.json&#39;, function (chinaJson) {\n    echarts.registerMap(&#39;china&#39;, chinaJson);\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        series: [{\n            type: &#39;map&#39;,\n            map: &#39;china&#39;\n        }]\n    });\n});\n</code></pre>\n<p>ECharts 使用 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 格式的数据作为地图的轮廓，除了上述数据，你也可以通过其它手段获取地图的 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 数据注册到 ECharts 中。参见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=map-usa\" target=\"_blank\">USA Population Estimates</a></p>\n",
            "default": "''"
          },
          "roam": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 <code>&#39;scale&#39;</code> 或者 <code>&#39;move&#39;</code>。设置成 <code>true</code> 为都开启</p>\n",
            "default": false
          },
          "center": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>当前视角的中心点，用经纬度表示</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">center: [115.97, 29.71]\n</code></pre>\n"
          },
          "aspectScale": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>这个参数用于 scale 地图的长宽比。</p>\n<p>最终的 <code>aspect</code> 的计算方式是：<code>geoBoundingRect.width / geoBoundingRect.height * aspectScale</code></p>\n",
            "default": 0.75
          },
          "boundingCoords": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>二维数组，定义定位的左上角以及右下角分别所对应的经纬度。例如</p>\n<pre><code class=\"lang-js\">// 设置为一张完整经纬度的世界地图\nmap: &#39;world&#39;,\nleft: 0, top: 0, right: 0, bottom: 0,\nboundingCoords: [\n    // 定位左上角经纬度\n    [-180, 90],\n    // 定位右下角经纬度\n    [180, -90]\n],\n</code></pre>\n",
            "default": null
          },
          "zoom": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>当前视角的缩放比例。</p>\n",
            "default": 1
          },
          "scaleLimit": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>滚轮缩放的极限控制，通过<code>min</code>, <code>max</code>最小和最大的缩放值，默认的缩放为<code>1</code>。</p>\n",
            "properties": {
              "min": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>最小的缩放值</p>\n"
              },
              "max": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>最大的缩放值</p>\n"
              }
            }
          },
          "nameMap": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>自定义地区的名称映射，如：</p>\n<pre><code class=\"lang-js\">{\n    &#39;China&#39; : &#39;中国&#39;\n}\n</code></pre>\n"
          },
          "selectedMode": {
            "type": [
              "boolean",
              "string"
            ],
            "descriptionCN": "<p>选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选<code>&#39;single&#39;</code>表示单选，或者<code>&#39;multiple&#39;</code>表示多选。</p>\n",
            "default": false
          },
          "label": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
            "properties": {
              "normal": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否在普通状态下显示标签。</p>\n",
                    "default": false
                  },
                  "textStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>普通状态下的标签文本样式。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "\"#fff\""
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  }
                }
              },
              "emphasis": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否在高亮状态下显示标签。</p>\n",
                    "default": false
                  },
                  "textStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>高亮状态下的标签文本样式。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "\"#fff\""
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  }
                }
              }
            }
          },
          "itemStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>地图区域的多边形 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
            "properties": {
              "normal": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>普通状态下的多边形样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "自适应"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                    "default": "\"#000\""
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                    "default": 0
                  },
                  "borderType": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "emphasis": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>高亮状态下的多边形样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "自适应"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                    "default": "\"#000\""
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                    "default": 0
                  },
                  "borderType": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "layoutCenter": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p><code>layoutCenter</code> 和 <code>layoutSize</code> 提供了除了 <code>left/right/top/bottom/width/height</code> 之外的布局手段。</p>\n<p>在使用 <code>left/right/top/bottom/width/height</code> 的时候，可能很难在保持地图高宽比的情况下把地图放在某个盒形区域的正中间，并且保证不超出盒形的范围。此时可以通过 <code>layoutCenter</code> 属性定义地图中心在屏幕中的位置，<code>layoutSize</code> 定义地图的大小。如下示例</p>\n<pre><code class=\"lang-js\">layoutCenter: [&#39;30%&#39;, &#39;30%&#39;],\n// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域\nlayoutSize: 100\n</code></pre>\n<p>设置这两个值后 <code>left/right/top/bottom/width/height</code> 无效。</p>\n",
            "default": null
          },
          "layoutSize": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>地图的大小，见 <code>layoutCenter</code>。支持相对于屏幕宽高的百分比或者绝对的像素大小。</p>\n"
          },
          "regions": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>在地图中对特定的区域配置样式。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">regions: [{\n    name: &#39;广东&#39;,\n    itemStyle: {\n        normal: {\n            areaColor: &#39;red&#39;,\n            color: &#39;red&#39;\n        }\n    }\n}]\n</code></pre>\n<p>geo 区域的颜色也可以被 map series 所控制，参见 <a href=\"#series-map.geoIndex\">series-map.geoIndex</a>。</p>\n",
            "items": {
              "type": "Object",
              "properties": {
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>地图区域的名称，例如 <code>&#39;广东&#39;</code>，<code>&#39;浙江&#39;</code>。</p>\n"
                },
                "selected": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>该区域是否选中。</p>\n",
                  "default": false
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>该区域的多边形样式设置</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "areaColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>地图区域的颜色。</p>\n"
                        },
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "areaColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>地图区域的颜色。</p>\n"
                        },
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>该区域的标签样式设置</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否在普通状态下显示标签。</p>\n",
                          "default": false
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>普通状态下的标签文本样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否在高亮状态下显示标签。</p>\n",
                          "default": false
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>高亮状态下的标签文本样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
            "default": false
          }
        }
      },
      "parallel": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p><br></p>\n<hr>\n<p><strong>平行坐标系介绍</strong></p>\n<p><a href=\"https://en.wikipedia.org/wiki/Parallel_coordinates\" target=\"_blank\">平行坐标系（Parallel Coordinates）</a> 是一种常用的可视化高维数据的图表。</p>\n<p>例如 <a href=\"#series-parallel.data\">series-parallel.data</a> 中有如下数据：</p>\n<pre><code class=\"lang-javascript\">[\n    [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n    [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n    [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n    [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n    { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n        value: [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;]\n        lineStyle: {...},\n    }\n    ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p>平行坐标系适用于对这种多维数据进行可视化分析。每一个维度（每一列）对应一个坐标轴，每一个『数据项』是一条线，贯穿多个坐标轴。在坐标轴上，可以进行数据选取等操作。如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/parallel-all&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p><br></p>\n<hr>\n<p><strong>配置方式概要</strong></p>\n<p>『平行坐标系』的 <code>option</code> 基本配置如下例：</p>\n<pre><code class=\"lang-javascript\">option = {\n    parallelAxis: [                     // 这是一个个『坐标轴』的定义\n        {dim: 0, name: schema[0].text}, // 每个『坐标轴』有个 &#39;dim&#39; 属性，表示坐标轴的维度号。\n        {dim: 1, name: schema[1].text},\n        {dim: 2, name: schema[2].text},\n        {dim: 3, name: schema[3].text},\n        {dim: 4, name: schema[4].text},\n        {dim: 5, name: schema[5].text},\n        {dim: 6, name: schema[6].text},\n        {dim: 7, name: schema[7].text,\n            type: &#39;category&#39;,           // 坐标轴也可以支持类别型数据\n            data: [&#39;优&#39;, &#39;良&#39;, &#39;轻度污染&#39;, &#39;中度污染&#39;, &#39;重度污染&#39;, &#39;严重污染&#39;]\n        }\n    ],\n    parallel: {                         // 这是『坐标系』的定义\n        left: &#39;5%&#39;,                     // 平行坐标系的位置设置\n        right: &#39;13%&#39;,\n        bottom: &#39;10%&#39;,\n        top: &#39;20%&#39;,\n        parallelAxisDefault: {          // 『坐标轴』的公有属性可以配置在这里避免重复书写\n            type: &#39;value&#39;,\n            nameLocation: &#39;end&#39;,\n            nameGap: 20\n        }\n    },\n    series: [                           // 这里三个系列共用一个平行坐标系\n        {\n            name: &#39;北京&#39;,\n            type: &#39;parallel&#39;,           // 这个系列类型是 &#39;parallel&#39;\n            data: [\n                [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n                [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n                ...\n            ]\n        },\n        {\n            name: &#39;上海&#39;,\n            type: &#39;parallel&#39;,\n            data: [\n                [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n                [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n                ...\n            ]\n        },\n        {\n            name: &#39;广州&#39;,\n            type: &#39;parallel&#39;,\n            data: [\n                [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n                [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;],\n                ...\n            ]\n        }\n    ]\n};\n</code></pre>\n<p>需要涉及到三个组件：<a href=\"#parallel\">parallel</a>、<a href=\"#parallelAxis\">parallelAxis</a>、<a href=\"#series-parallel\">series-parallel</a></p>\n<ul>\n<li><p><a href=\"#parallel\">parallel</a></p>\n<p>  这个配置项是平行坐标系的『坐标系』本身。一个系列（<code>series</code>）或多个系列（如上图中的『北京』、『上海』、『广州』分别各是一个系列）可以共用这个『坐标系』。</p>\n<p>  和其他坐标系一样，坐标系也可以创建多个。</p>\n<p>  位置设置，也是放在这里进行。</p>\n</li>\n<li><p><a href=\"#parallelAxis\">parallelAxis</a></p>\n<p>  这个是『坐标系』中的坐标轴的配置。自然，需要有多个坐标轴。</p>\n<p>  其中有 <a href=\"#parallelAxis.parallelIndex\">parallelAxis.parallelIndex</a> 属性，指定这个『坐标轴』在哪个『坐标系』中。默认使用第一个『坐标系』。</p>\n</li>\n<li><p><a href=\"#series-parallel\">series-parallel</a></p>\n<p>  这个是『系列』的定义。系列被画到『坐标系』上。</p>\n<p>  其中有 <a href=\"#series-parallel.parallelIndex\">series-parallel.parallelIndex</a> 属性，指定使用哪个『坐标系』。默认使用第一个『坐标系』。</p>\n</li>\n</ul>\n<p><br></p>\n<hr>\n<p><strong>配置注意和最佳实践</strong></p>\n<p>配置多个 <a href=\"#parallelAxis\">parallelAxis</a> 时，有些值一样的属性，如果书写多遍则比较繁琐，那么可以放置在 <a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里。在坐标轴初始化前，<a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里的配置项，会分别融合进 <a href=\"#parallelAxis\">parallelAxis</a>，形成最终的坐标轴的配置。</p>\n<p><strong>如果数据量很大并且发生卡顿</strong></p>\n<p>建议把 <a href=\"#series-parallel.lineStyle.normal.width\">series-parallel.lineStyle.normal.width</a> 设为 <code>0.5</code>（或更小），\n可能显著改善性能。</p>\n<p><br></p>\n<hr>\n<p><strong>高维数据的显示</strong></p>\n<p>维度比较多时，比如有 50+ 的维度，那么就会有 50+ 个轴。那么可能会页面显示不下。</p>\n<p>可以通过 <a href=\"#parallel.axisExpandable\">parallel.axisExpandable</a> 来改善显示效果，如下例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=map-parallel-prices&edit=1&reset=1\" width=\"600\" height=\"460\" ></iframe>\n\n\n\n\n\n\n\n\n<p><br>\n<br></p>\n",
        "properties": {
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>parallel 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": 80
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>parallel 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": 60
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>parallel 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
            "default": 80
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>parallel 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
            "default": 60
          },
          "width": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>parallel 组件的宽度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "height": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>parallel 组件的高度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "layout": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>布局方式，可选值为：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平排布各个坐标轴。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直排布各个坐标轴。</p>\n</li>\n</ul>\n",
            "default": "'horizontal'"
          },
          "axisExpandable": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>维度比较多时，比如有 50+ 的维度，那么就会有 50+ 个轴。那么可能会页面显示不下。</p>\n<p>可以通过 <a href=\"#parallel.axisExpandable\">parallel.axisExpandable</a> 来改善显示效果，如下例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=map-parallel-prices&edit=1&reset=1\" width=\"600\" height=\"460\" ></iframe>\n\n\n\n\n<p>是否允许点击展开折叠 axis。</p>\n",
            "default": false
          },
          "axisExpandCenter": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>初始时，以哪个轴为中心展开，这里给出轴的 index。没有默认值，需要手动指定。</p>\n<p>参见 <a href=\"parallel.axisExpandable\" target=\"_blank\">parallel.axisExpandable</a></p>\n",
            "default": null
          },
          "axisExpandCount": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>初始时，有多少个轴会处于展开状态。建议根据你的维度个数而手动指定。</p>\n<p>参见 <a href=\"parallel.axisExpandCenter\" target=\"_blank\">parallel.axisExpandCenter</a>\n参见 <a href=\"parallel.axisExpandable\" target=\"_blank\">parallel.axisExpandable</a></p>\n",
            "default": 0
          },
          "axisExpandWidth": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>在展开状态，轴的间距是多少，单位为像素。</p>\n<p>参见 <a href=\"parallel.axisExpandable\" target=\"_blank\">parallel.axisExpandable</a></p>\n",
            "default": 50
          },
          "axisExpandTriggerOn": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>可取值：</p>\n<ul>\n<li><code>&#39;click&#39;</code>：鼠标点击的时候 expand。</li>\n<li><code>&#39;mousemove&#39;</code>：鼠标悬浮的时候 expand。</li>\n</ul>\n",
            "default": "'click'"
          },
          "parallelAxisDefault": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>配置多个 <a href=\"#parallelAxis\">parallelAxis</a> 时，有些值一样的属性，如果书写多遍则比较繁琐，那么可以放置在 <a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里。在坐标轴初始化前，<a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里的配置项，会分别融合进 <a href=\"#parallelAxis\">parallelAxis</a>，形成最终的坐标轴的配置。</p>\n<p><a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/parallel-all&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<p><br></p>\n",
            "properties": {
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#parallelAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n",
                "default": "value"
              },
              "name": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称。</p>\n"
              },
              "nameLocation": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n",
                "default": "'end'"
              },
              "nameTextStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴名称的文字样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴名称的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴名称文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴名称文字的字体大小</p>\n<!-- Overwrite color -->",
                    "default": 12
                  }
                }
              },
              "nameGap": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴名称与轴线之间的距离。</p>\n",
                "default": 15
              },
              "nameRotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴名字旋转，角度值。</p>\n",
                "default": null
              },
              "inverse": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n",
                "default": false
              },
              "boundaryGap": {
                "type": [
                  "boolean",
                  "Array"
                ],
                "descriptionCN": "<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#parallelAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#parallelAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"
              },
              "min": {
                "type": [
                  "number",
                  "string"
                ],
                "descriptionCN": "<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
                "default": null
              },
              "max": {
                "type": [
                  "number",
                  "string"
                ],
                "descriptionCN": "<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
                "default": null
              },
              "scale": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>只在数值轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 之后该配置项无效。</p>\n",
                "default": false
              },
              "splitNumber": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n",
                "default": 5
              },
              "minInterval": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n",
                "default": 0
              },
              "interval": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#parallelAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#parallelAxis.min\">min</a>、<a href=\"#parallelAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#parallelAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"
              },
              "logBase": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>对数轴的底数，只在对数轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n",
                "default": 10
              },
              "silent": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
                "default": false
              },
              "triggerEvent": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
                "default": false
              },
              "axisLine": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                    "default": true
                  },
                  "lineStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "'#333'"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "'solid'"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  }
                }
              },
              "axisTick": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                    "default": true
                  },
                  "alignWithLabel": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                    "default": false
                  },
                  "interval": {
                    "type": [
                      "number",
                      "Function"
                    ],
                    "descriptionCN": "<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#parallelAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                    "default": "'auto'"
                  },
                  "inside": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                    "default": false
                  },
                  "length": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                    "default": 5
                  },
                  "lineStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "'solid'"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                      }
                    }
                  }
                }
              },
              "axisLabel": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                    "default": true
                  },
                  "interval": {
                    "type": [
                      "number",
                      "Function"
                    ],
                    "descriptionCN": "<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                    "default": "'auto'"
                  },
                  "inside": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                    "default": false
                  },
                  "rotate": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n",
                    "default": 0
                  },
                  "margin": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                    "default": 8
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "showMinLabel": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                    "default": null
                  },
                  "showMaxLabel": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                    "default": null
                  },
                  "textStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color",
                          "Function"
                        ],
                        "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      },
                      "align": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                      },
                      "baseline": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                      }
                    }
                  }
                }
              },
              "data": {
                "type": [
                  "Array"
                ],
                "descriptionCN": "<p>类目数据，在类目轴（<a href=\"#parallelAxis.type\">type</a>: &#39;category&#39;）中有效。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n    value: &#39;周一&#39;,\n    // 突出周一\n    textStyle: {\n        fontSize: 20,\n        color: &#39;red&#39;\n    }\n}, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n</code></pre>\n",
                "items": {
                  "type": "Object",
                  "properties": {
                    "value": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>单个类目名称。</p>\n"
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>类目标签的文字样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "\"#fff\""
                        },
                        "align": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                        },
                        "baseline": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 12
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      },
      "parallelAxis": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>这个组件是平行坐标系中的坐标轴。</p>\n<p><br></p>\n<hr>\n<p><strong>平行坐标系介绍</strong></p>\n<p><a href=\"https://en.wikipedia.org/wiki/Parallel_coordinates\" target=\"_blank\">平行坐标系（Parallel Coordinates）</a> 是一种常用的可视化高维数据的图表。</p>\n<p>例如 <a href=\"#series-parallel.data\">series-parallel.data</a> 中有如下数据：</p>\n<pre><code class=\"lang-javascript\">[\n    [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n    [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n    [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n    [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n    { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n        value: [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;]\n        lineStyle: {...},\n    }\n    ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p>平行坐标系适用于对这种多维数据进行可视化分析。每一个维度（每一列）对应一个坐标轴，每一个『数据项』是一条线，贯穿多个坐标轴。在坐标轴上，可以进行数据选取等操作。如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/parallel-all&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p><br></p>\n<hr>\n<p><strong>配置方式概要</strong></p>\n<p>『平行坐标系』的 <code>option</code> 基本配置如下例：</p>\n<pre><code class=\"lang-javascript\">option = {\n    parallelAxis: [                     // 这是一个个『坐标轴』的定义\n        {dim: 0, name: schema[0].text}, // 每个『坐标轴』有个 &#39;dim&#39; 属性，表示坐标轴的维度号。\n        {dim: 1, name: schema[1].text},\n        {dim: 2, name: schema[2].text},\n        {dim: 3, name: schema[3].text},\n        {dim: 4, name: schema[4].text},\n        {dim: 5, name: schema[5].text},\n        {dim: 6, name: schema[6].text},\n        {dim: 7, name: schema[7].text,\n            type: &#39;category&#39;,           // 坐标轴也可以支持类别型数据\n            data: [&#39;优&#39;, &#39;良&#39;, &#39;轻度污染&#39;, &#39;中度污染&#39;, &#39;重度污染&#39;, &#39;严重污染&#39;]\n        }\n    ],\n    parallel: {                         // 这是『坐标系』的定义\n        left: &#39;5%&#39;,                     // 平行坐标系的位置设置\n        right: &#39;13%&#39;,\n        bottom: &#39;10%&#39;,\n        top: &#39;20%&#39;,\n        parallelAxisDefault: {          // 『坐标轴』的公有属性可以配置在这里避免重复书写\n            type: &#39;value&#39;,\n            nameLocation: &#39;end&#39;,\n            nameGap: 20\n        }\n    },\n    series: [                           // 这里三个系列共用一个平行坐标系\n        {\n            name: &#39;北京&#39;,\n            type: &#39;parallel&#39;,           // 这个系列类型是 &#39;parallel&#39;\n            data: [\n                [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n                [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n                ...\n            ]\n        },\n        {\n            name: &#39;上海&#39;,\n            type: &#39;parallel&#39;,\n            data: [\n                [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n                [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n                ...\n            ]\n        },\n        {\n            name: &#39;广州&#39;,\n            type: &#39;parallel&#39;,\n            data: [\n                [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n                [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;],\n                ...\n            ]\n        }\n    ]\n};\n</code></pre>\n<p>需要涉及到三个组件：<a href=\"#parallel\">parallel</a>、<a href=\"#parallelAxis\">parallelAxis</a>、<a href=\"#series-parallel\">series-parallel</a></p>\n<ul>\n<li><p><a href=\"#parallel\">parallel</a></p>\n<p>  这个配置项是平行坐标系的『坐标系』本身。一个系列（<code>series</code>）或多个系列（如上图中的『北京』、『上海』、『广州』分别各是一个系列）可以共用这个『坐标系』。</p>\n<p>  和其他坐标系一样，坐标系也可以创建多个。</p>\n<p>  位置设置，也是放在这里进行。</p>\n</li>\n<li><p><a href=\"#parallelAxis\">parallelAxis</a></p>\n<p>  这个是『坐标系』中的坐标轴的配置。自然，需要有多个坐标轴。</p>\n<p>  其中有 <a href=\"#parallelAxis.parallelIndex\">parallelAxis.parallelIndex</a> 属性，指定这个『坐标轴』在哪个『坐标系』中。默认使用第一个『坐标系』。</p>\n</li>\n<li><p><a href=\"#series-parallel\">series-parallel</a></p>\n<p>  这个是『系列』的定义。系列被画到『坐标系』上。</p>\n<p>  其中有 <a href=\"#series-parallel.parallelIndex\">series-parallel.parallelIndex</a> 属性，指定使用哪个『坐标系』。默认使用第一个『坐标系』。</p>\n</li>\n</ul>\n<p><br></p>\n<hr>\n<p><strong>配置注意和最佳实践</strong></p>\n<p>配置多个 <a href=\"#parallelAxis\">parallelAxis</a> 时，有些值一样的属性，如果书写多遍则比较繁琐，那么可以放置在 <a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里。在坐标轴初始化前，<a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里的配置项，会分别融合进 <a href=\"#parallelAxis\">parallelAxis</a>，形成最终的坐标轴的配置。</p>\n<p><strong>如果数据量很大并且发生卡顿</strong></p>\n<p>建议把 <a href=\"#series-parallel.lineStyle.normal.width\">series-parallel.lineStyle.normal.width</a> 设为 <code>0.5</code>（或更小），\n可能显著改善性能。</p>\n<p><br></p>\n<hr>\n<p><strong>高维数据的显示</strong></p>\n<p>维度比较多时，比如有 50+ 的维度，那么就会有 50+ 个轴。那么可能会页面显示不下。</p>\n<p>可以通过 <a href=\"#parallel.axisExpandable\">parallel.axisExpandable</a> 来改善显示效果，如下例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=map-parallel-prices&edit=1&reset=1\" width=\"600\" height=\"460\" ></iframe>\n\n\n\n\n\n\n\n\n\n<p><br>\n<br></p>\n",
        "properties": {
          "dim": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴的维度序号。</p>\n<p>例如 <a href=\"#series-parallel.data\">series-parallel.data</a> 中有如下数据：</p>\n<pre><code class=\"lang-javascript\">[\n    [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n    [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n    [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n    [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n    { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n        value: [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;]\n        lineStyle: {...},\n    }\n    ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p><code>dim</code> 定义了数据的哪个维度（即哪个『列』）会对应到此坐标轴上。</p>\n<p>从 <code>0</code> 开始计数。例如，假设坐标轴的 <code>dim</code> 为 <code>1</code>，则表示数据中的第二列会对应到此坐标轴上。</p>\n"
          },
          "parallelIndex": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>用于定义『坐标轴』对应到哪个『坐标系』中。</p>\n<p>比如有如下配置：</p>\n<pre><code class=\"lang-javascript\">myChart.setOption({\n    parallel: [\n        {...},                      // 第一个平行坐标系\n        {...}                       // 第二个平行坐标系\n    ],\n    parallelAxis: [\n        {parallelIndex: 1, ...},    // 第一个坐标轴，对应到第二个平行坐标系\n        {parallelIndex: 0, ...},    // 第二个坐标轴，对应到第一个平行坐标系\n        {parallelIndex: 1, ...},    // 第三个坐标轴，对应到第二个平行坐标系\n        {parallelIndex: 0, ...}     // 第四个坐标轴，对应到第一个平行坐标系\n    ],\n    ...\n});\n</code></pre>\n<p>只有一个平行坐标系时可不用设置，自动取默认值 <code>0</code>。</p>\n",
            "default": 0
          },
          "realtime": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否坐标轴刷选的时候，实时刷新视图。如果设为 <code>false</code>，则在刷选动作结束时候，才刷新视图。</p>\n<p>大数据量时，建议设置成 <code>false</code>，从而避免卡顿。</p>\n",
            "default": true
          },
          "areaSelectStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>在坐标轴上可以进行框选，这里是一些框选的设置。</p>\n<p><br></p>\n",
            "properties": {
              "width": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>框选范围的宽度。</p>\n",
                "default": 20
              },
              "borderWidth": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>选框的边框宽度。</p>\n",
                "default": 1
              },
              "borderColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>选框的边框颜色。</p>\n",
                "default": "'rgba(160,197,232)'"
              },
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>选框的填充色。</p>\n",
                "default": "'rgba(160,197,232)'"
              },
              "opacity": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>选框的透明度。</p>\n",
                "default": 0.3
              }
            }
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#parallelAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n",
            "default": "value"
          },
          "name": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称。</p>\n"
          },
          "nameLocation": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n",
            "default": "'end'"
          },
          "nameTextStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴名称的文字样式。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>坐标轴名称的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体大小</p>\n<!-- Overwrite color -->",
                "default": 12
              }
            }
          },
          "nameGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名称与轴线之间的距离。</p>\n",
            "default": 15
          },
          "nameRotate": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名字旋转，角度值。</p>\n",
            "default": null
          },
          "inverse": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n",
            "default": false
          },
          "boundaryGap": {
            "type": [
              "boolean",
              "Array"
            ],
            "descriptionCN": "<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#parallelAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#parallelAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"
          },
          "min": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "max": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "scale": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>只在数值轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 之后该配置项无效。</p>\n",
            "default": false
          },
          "splitNumber": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n",
            "default": 5
          },
          "minInterval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n",
            "default": 0
          },
          "interval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#parallelAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#parallelAxis.min\">min</a>、<a href=\"#parallelAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#parallelAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"
          },
          "logBase": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>对数轴的底数，只在对数轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n",
            "default": 10
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
            "default": false
          },
          "triggerEvent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
            "default": false
          },
          "axisLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#333'"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "axisTick": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                "default": true
              },
              "alignWithLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                "default": false
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#parallelAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "length": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                "default": 5
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "axisLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "rotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n",
                "default": 0
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                "default": 8
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                "default": null
              },
              "showMinLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                "default": null
              },
              "showMaxLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  },
                  "align": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                  },
                  "baseline": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>类目数据，在类目轴（<a href=\"#parallelAxis.type\">type</a>: &#39;category&#39;）中有效。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n    value: &#39;周一&#39;,\n    // 突出周一\n    textStyle: {\n        fontSize: 20,\n        color: &#39;red&#39;\n    }\n}, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n</code></pre>\n",
            "items": {
              "type": "Object",
              "properties": {
                "value": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>单个类目名称。</p>\n"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>类目标签的文字样式。</p>\n",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>文字的颜色。</p>\n",
                      "default": "\"#fff\""
                    },
                    "align": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                    },
                    "baseline": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                }
              }
            }
          }
        }
      },
      "singleAxis": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>单轴。可以被应用到散点图中展现一维数据，如下示例</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-single-axis&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n\n\n\n\n\n\n",
        "properties": {
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>single组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'5%'"
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>single组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'5%'"
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>single组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
            "default": "'5%'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>single组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
            "default": "'5%'"
          },
          "width": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>single组件的宽度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "height": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>single组件的高度。默认自适应。</p>\n",
            "default": "'auto'"
          },
          "orient": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>轴的朝向，默认水平朝向，可以设置成 <code>&#39;vertical&#39;</code> 垂直朝向。</p>\n",
            "default": "'horizontal'"
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#singleAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n",
            "default": "'value'"
          },
          "name": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称。</p>\n"
          },
          "nameLocation": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n",
            "default": "'end'"
          },
          "nameTextStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴名称的文字样式。</p>\n",
            "properties": {
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>坐标轴名称的颜色，默认取 <a href=\"#singleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
              },
              "fontStyle": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                "default": "'normal'"
              },
              "fontWeight": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                "default": "normal"
              },
              "fontFamily": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体系列</p>\n",
                "default": "'sans-serif'"
              },
              "fontSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴名称文字的字体大小</p>\n<!-- Overwrite color -->",
                "default": 12
              }
            }
          },
          "nameGap": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名称与轴线之间的距离。</p>\n",
            "default": 15
          },
          "nameRotate": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴名字旋转，角度值。</p>\n",
            "default": null
          },
          "inverse": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n",
            "default": false
          },
          "boundaryGap": {
            "type": [
              "boolean",
              "Array"
            ],
            "descriptionCN": "<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#singleAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#singleAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#singleAxis.min\">min</a> 和 <a href=\"#singleAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"
          },
          "min": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "max": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n",
            "default": null
          },
          "scale": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>只在数值轴中（<a href=\"#singleAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#singleAxis.min\">min</a> 和 <a href=\"#singleAxis.max\">max</a> 之后该配置项无效。</p>\n",
            "default": false
          },
          "splitNumber": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n",
            "default": 5
          },
          "minInterval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴中（<a href=\"#singleAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n",
            "default": 0
          },
          "interval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#singleAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#singleAxis.min\">min</a>、<a href=\"#singleAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#singleAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#singleAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"
          },
          "logBase": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>对数轴的底数，只在对数轴中（<a href=\"#singleAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n",
            "default": 10
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴是否是静态无法交互。</p>\n",
            "default": false
          },
          "triggerEvent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n",
            "default": false
          },
          "axisLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴轴线相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴轴线。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#333'"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "axisTick": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示坐标轴刻度。</p>\n",
                "default": true
              },
              "alignWithLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n",
                "default": false
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#singleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴刻度是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "length": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴刻度的长度。</p>\n",
                "default": 5
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>刻度线的颜色，默认取 <a href=\"#singleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "axisLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴刻度标签的相关设置。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示刻度标签。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "inside": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>刻度标签是否朝内，默认朝外。</p>\n",
                "default": false
              },
              "rotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n",
                "default": 0
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>刻度标签与轴线之间的距离。</p>\n",
                "default": 8
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                "default": null
              },
              "showMinLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n",
                "default": null
              },
              "showMaxLabel": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签文字的颜色，默认取 <a href=\"#singleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  },
                  "align": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                  },
                  "baseline": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n<!-- Overwrite color -->"
                  }
                }
              }
            }
          },
          "splitLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n",
                "default": true
              },
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#singleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Array",
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>",
                    "default": "['#ccc']"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>分隔线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"
                  }
                }
              }
            }
          },
          "splitArea": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n",
            "properties": {
              "interval": {
                "type": [
                  "number",
                  "Function"
                ],
                "descriptionCN": "<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#singleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n",
                "default": "'auto'"
              },
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔区域。</p>\n",
                "default": false
              },
              "areaStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>分隔区域的样式设置。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Array"
                    ],
                    "descriptionCN": "<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n",
                    "default": "['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>类目数据，在类目轴（<a href=\"#singleAxis.type\">type</a>: &#39;category&#39;）中有效。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: [&#39;周一&#39;, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n    value: &#39;周一&#39;,\n    // 突出周一\n    textStyle: {\n        fontSize: 20,\n        color: &#39;red&#39;\n    }\n}, &#39;周二&#39;, &#39;周三&#39;, &#39;周四&#39;, &#39;周五&#39;, &#39;周六&#39;, &#39;周日&#39;]\n</code></pre>\n",
            "items": {
              "type": "Object",
              "properties": {
                "value": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>单个类目名称。</p>\n"
                },
                "textStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>类目标签的文字样式。</p>\n",
                  "properties": {
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>文字的颜色。</p>\n",
                      "default": "\"#fff\""
                    },
                    "align": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本水平对齐方式，默认自动选择对齐方式，可以是 <code>&#39;left&#39;</code>, <code>&#39;right&#39;</code>, <code>&#39;center&#39;</code></p>\n"
                    },
                    "baseline": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文本垂直对齐方式，默认自动选择对齐方式，可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code></p>\n"
                    },
                    "fontStyle": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                      "default": "'normal'"
                    },
                    "fontWeight": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                      "default": "normal"
                    },
                    "fontFamily": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>文字的字体系列</p>\n",
                      "default": "'sans-serif'"
                    },
                    "fontSize": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>文字的字体大小</p>\n",
                      "default": 12
                    }
                  }
                }
              }
            }
          },
          "axisPointer": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>axisPointer settings on axis.</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n",
                "default": false
              },
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n",
                "default": "'line'"
              },
              "snap": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
              },
              "z": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
              },
              "label": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                    "default": false
                  },
                  "precision": {
                    "type": [
                      "number",
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                    "default": "'auto'"
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "margin": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                    "default": 3
                  },
                  "textStyle": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>文字的颜色。</p>\n",
                        "default": "'#fff'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  },
                  "padding": {
                    "type": [
                      "string",
                      "Array"
                    ],
                    "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                    "default": "[5, 7, 5, 7]"
                  },
                  "backgroundColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                    "default": "'auto'"
                  },
                  "borderColor": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                    "default": null
                  },
                  "borderWidth": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                    "default": 0
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#555"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "solid"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "shadowStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'rgba(150,150,150,0.3)"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "tiggerTooltip": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n",
                "default": true
              },
              "value": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n",
                "default": null
              },
              "status": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"
              },
              "handle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n",
                    "default": false
                  },
                  "icon": {
                    "type": [
                      "*"
                    ],
                    "descriptionCN": "<p>手柄的图标。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"
                  },
                  "size": {
                    "type": [
                      "number",
                      "Array"
                    ],
                    "descriptionCN": "<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n",
                    "default": 45
                  },
                  "margin": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n",
                    "default": 50
                  },
                  "color": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>手柄颜色。</p>\n",
                    "default": "'#333'"
                  },
                  "throttle": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n",
                    "default": 40
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                    "default": 3
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                    "default": "#aaa"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 2
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  }
                }
              }
            }
          },
          "tooltip": {
            "type": [
              "*"
            ],
            "descriptionCN": "<p>本坐标系特定的 tooltip 设定。</p>\n<hr>\n<p><strong>提示框组件的通用介绍：</strong></p>\n<p>提示框组件可以设置在多种地方：</p>\n<ul>\n<li><p>可以设置在全局，即 <a href=\"#tooltip\">tooltip</a></p>\n</li>\n<li><p>可以设置在坐标系中，即 <a href=\"#grid.tooltip\">grid.tooltip</a>、<a href=\"#polar.tooltip\">polar.tooltip</a>、<a href=\"#single.tooltip\">single.tooltip</a></p>\n</li>\n<li><p>可以设置在系列中，即 <a href=\"#series.tooltip\">series.tooltip</a></p>\n</li>\n<li><p>可以设置在系列的每个数据项中，即 <a href=\"#series.data.tooltip\">series.data.tooltip</a></p>\n</li>\n</ul>\n<hr>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n",
                "default": true
              },
              "trigger": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n",
                "default": "'item'"
              },
              "axisPointer": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>坐标轴指示器配置项。</p>\n<p><code>tooltip.axisPointer</code> 是配置坐标轴指示器的快捷方式。实际上坐标轴指示器的全部功能，都可以通过轴上的 axisPointer 配置项完成（例如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a> 或 <a href=\"#angleAxis.axisPointer\">angleAxis.axisPointer</a>）。但是使用 <code>tooltip.axisPinter</code> 在简单场景下会更方便一些。</p>\n<blockquote>\n<p><strong>注意：</strong> <code>tooltip.axisPointer</code> 中诸配置项的优先级低于轴上的 axisPointer 的配置项。</p>\n</blockquote>\n<hr>\n<p>坐标轴指示器是指示坐标轴当前刻度的工具。</p>\n<p>如下例，鼠标悬浮到图上，可以出现标线和刻度文本。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/candlestick-axisPointer&edit=1&reset=1\" width=\"600\" height=\"450\" ></iframe>\n\n\n<p>上例中，使用了 <a href=\"#axisPointer.link\">axisPointer.link</a> 来关联不同的坐标系中的 axisPointer。</p>\n<p>坐标轴指示器也有适合触屏的交互方式，如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=multiple-x-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n\n\n\n<hr>\n<blockquote>\n<p><strong>注意：</strong>\n一般来说，axisPointer 的具体配置项会配置在各个轴中（如 <a href=\"#xAxis.axisPointer\">xAxis.axisPointer</a>）或者 <code>tooltip</code> 中（如 <a href=\"#tooltip.axisPointer\">tooltip.axisPointer</a>）。</p>\n<p>但是这几个选项只能配置在全局的 axisPointer 中：<a href=\"#axisPointer.triggerOn\">axisPointer.triggerOn</a>、<a href=\"#axisPointer.link\">axisPointer.link</a>。</p>\n</blockquote>\n<hr>\n<p><strong>如何显示 axisPointer：</strong></p>\n<p>直角坐标系 <a href=\"#grid\">grid</a>、极坐标系 <a href=\"#polar\">polar</a>、单轴坐标系 <a href=\"#single\">single</a> 中的每个轴都自己的 axisPointer。</p>\n<p>他们的 axisPointer 默认不显示。有两种方法可以让他们显示：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.show</a>）为 <code>true</code>，则显示此轴的 axisPointer。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则此时坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。注意，轴上如果设置了 axisPointer，会覆盖此设置。</p>\n</li>\n</ul>\n<hr>\n<p><strong>如何显示 axisPointer 的 label：</strong></p>\n<p>axisPointer 的 label 默认不显示（也就是默认只显示指示线），除非：</p>\n<ul>\n<li><p>设置轴上的 <code>axisPointer.label.show</code>（例如 <a href=\"#xAxis.axisPointer.show\">xAxis.axisPointer.label.show</a>）为 <code>true</code>，则显示此轴的 axisPointer 的 label。</p>\n</li>\n<li><p>设置 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时会自动显示 axisPointer 的 label。</p>\n</li>\n</ul>\n<hr>\n<p><strong>关于触屏的 axisPointer 的设置</strong></p>\n<p>设置轴上的 <code>axisPointer.handle.show</code>（例如 <a href=\"#xAxis.axisPointer.handle.show\">xAxis.axisPointer.handle.show</a> 为 <code>true</code> 则会显示出此 axisPointer 的拖拽按钮。（polar 坐标系暂不支持此功能）。</p>\n<p><strong>注意：</strong>\n如果发现此时 tooltip 效果不良好，可设置 <a href=\"#tooltip.triggerOn\">tooltip.triggerOn</a> 为 <code>&#39;none&#39;</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"line-tooltip-touch&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<hr>\n<p><strong>自动吸附到数据（snap）</strong></p>\n<p>对于数值轴、时间轴，如果开启了 <a href=\"#xAxis.axisPointer.snap\">snap</a>，则 axisPointer 会自动吸附到最近的点上。</p>\n<hr>\n",
                "properties": {
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n",
                    "default": "'line'"
                  },
                  "axis": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n",
                    "default": "'auto'"
                  },
                  "snap": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"
                  },
                  "z": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"
                  },
                  "label": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p>坐标轴指示器的文本标签。</p>\n",
                    "properties": {
                      "show": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n",
                        "default": false
                      },
                      "precision": {
                        "type": [
                          "number",
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n",
                        "default": "'auto'"
                      },
                      "formatter": {
                        "type": [
                          "string",
                          "Function"
                        ],
                        "descriptionCN": "<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n",
                        "default": null
                      },
                      "margin": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>label 距离轴的距离。</p>\n",
                        "default": 3
                      },
                      "textStyle": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>文字的颜色。</p>\n",
                            "default": "'#fff'"
                          },
                          "fontStyle": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                            "default": "'normal'"
                          },
                          "fontWeight": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                            "default": "normal"
                          },
                          "fontFamily": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>文字的字体系列</p>\n",
                            "default": "'sans-serif'"
                          },
                          "fontSize": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>文字的字体大小</p>\n",
                            "default": 12
                          }
                        }
                      },
                      "padding": {
                        "type": [
                          "string",
                          "Array"
                        ],
                        "descriptionCN": "<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                        "default": "[5, 7, 5, 7]"
                      },
                      "backgroundColor": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n",
                        "default": "'auto'"
                      },
                      "borderColor": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的边框颜色。</p>\n",
                        "default": null
                      },
                      "borderWidth": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>文本标签的边框宽度。</p>\n",
                        "default": 0
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                        "default": 3
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                        "default": "#aaa"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      }
                    }
                  },
                  "lineStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;line&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "#555"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "solid"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  },
                  "shadowStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;shadow&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "'rgba(150,150,150,0.3)"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  },
                  "crossStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>&#39;cross&#39;</code> 时有效。</p>\n",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                        "default": "#555"
                      },
                      "width": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>线宽。</p>\n",
                        "default": 1
                      },
                      "type": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                        "default": "dashed"
                      },
                      "shadowBlur": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                      },
                      "shadowColor": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                      },
                      "shadowOffsetX": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "shadowOffsetY": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                        "default": 0
                      },
                      "opacity": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                      }
                    }
                  }
                }
              },
              "position": {
                "type": [
                  "string",
                  "Array",
                  "Function"
                ],
                "descriptionCN": "<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
              },
              "backgroundColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>提示框浮层的背景颜色。</p>\n",
                "default": "'rgba(50,50,50,0.7)'"
              },
              "borderColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>提示框浮层的边框颜色。</p>\n",
                "default": "'#333'"
              },
              "borderWidth": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>提示框浮层的边框宽。</p>\n",
                "default": 0
              },
              "padding": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                "default": 5
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>提示框浮层的文本样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "'#fff'"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 14
                  }
                }
              },
              "extraCssText": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
              }
            }
          }
        }
      },
      "timeline": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p><code>timeline</code> 组件，提供了在多个 ECharts <code>option</code> 间进行切换、播放等操作的功能。</p>\n<p>示例效果如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/mix-timeline-all&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p><code>timeline</code> 和其他组件有些不同，它需要操作『多个option』。\n假设，我们把 ECharts 的传统的 option 称为<em>原子option</em>，那么使用 <code>timeline</code> 时，传入 ECharts 的 option 就成为了一个集合多个原子option的<em>复合option</em>。如下示例：</p>\n<pre><code class=\"lang-javascript\">// 如下，baseOption 是一个 『原子option』，options 数组中的每一项也是一个 『原子option』。\n// 每个『原子option』中就是本文档中描述的各种配置项。\nmyChart.setOption(\n    {\n        baseOption: {\n            timeline: {\n                ...,\n                data: [&#39;2002-01-01&#39;, &#39;2003-01-01&#39;, &#39;2004-01-01&#39;]\n            },\n            title: {\n                subtext: &#39;数据来自国家统计局&#39;\n            },\n            grid: {...},\n            xAxis: [...],\n            yAxis: [...],\n            series: [\n                { // 系列一的一些其他配置\n                    type: &#39;bar&#39;,\n                    ...\n                },\n                { // 系列二的一些其他配置\n                    type: &#39;line&#39;,\n                    ...\n                },\n                { // 系列三的一些其他配置\n                    type: &#39;pie&#39;,\n                    ...\n                }\n            ]\n        },\n        options: [\n            { // 这是&#39;2002-01-01&#39; 对应的 option\n                title: {\n                    text: &#39;2002年统计值&#39;\n                },\n                series: [\n                    {data: []}, // 系列一的数据\n                    {data: []}, // 系列二的数据\n                    {data: []}  // 系列三的数据\n                ]\n            },\n            { // 这是&#39;2003-01-01&#39; 对应的 option\n                title: {\n                    text: &#39;2003年统计值&#39;\n                },\n                series: [\n                    {data: []},\n                    {data: []},\n                    {data: []}\n                ]\n            },\n            { // 这是&#39;2004-01-01&#39; 对应的 option\n                title: {\n                    text: &#39;2004年统计值&#39;\n                },\n                series: [\n                    {data: []},\n                    {data: []},\n                    {data: []}\n                ]\n            }\n        ]\n    }\n);\n</code></pre>\n<p>在上例中，<code>timeline.data</code> 中的每一项，对应于 <code>options</code> 数组中的每个 <code>option</code>。</p>\n<p><br>\n<strong>使用注意与最佳实践：</strong></p>\n<ul>\n<li><p>公有的配置项，推荐配置在 <code>baseOption</code> 中。<code>timeline</code> 播放切换时，会把 <code>options</code> 数组中的对应的 <code>option</code>，与 <code>baseOption</code> 进行 merge 形成最终的 <code>option</code>。</p>\n</li>\n<li><p><code>options</code> 数组中，如果某一数组项中配置了某个属性，那么其他数组项中也必须配置某个属性，而不能缺省。否则这个属性的执行效果会遗留。</p>\n</li>\n<li><p><em>复合 option</em> 中的 <code>options</code> 不支持 merge。</p>\n<p>  也就是说，当第二（或三、四、五 ...）次 <code>chart.setOption(rawOption)</code> 时，如果 <code>rawOption</code> 是<em>复合 option</em>（即包含 <code>options</code> 列表），那么新的 <code>rawOption.options</code> 列表不会和老的 <code>options</code> 列表进行 merge，而是简单替代。当然，<code>rawOption.baseOption</code> 仍然会正常和老的 option 进行merge。</p>\n</li>\n</ul>\n<p><br>\n<strong>与 ECharts 2 的兼容性：</strong></p>\n<ul>\n<li><p>ECharts 3 中不再支持 timeline.notMerge 参数，也就是不支持 notMerge 模式。如果遇到这种场景需要使用，可在外部进行option管理，并用 setOption(option, true) 这样的notMerge方式设置。</p>\n</li>\n<li><p>ECharts 3 和 ECharts 2 相比，timeline 属性的定义位置有所不同，移到了 <code>baseOption</code> 中，统一作为一个普通的组件看待。但是，仍然兼容 ECharts2 的 timeline 定义位置，只是不再推荐这样写。</p>\n</li>\n</ul>\n",
        "properties": {
          "show": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>是否显示 <code>timeline</code> 组件。如果设置为<code>false</code>，不会显示，但是功能还存在。</p>\n",
            "default": true
          },
          "type": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>这个属性目前只支持为 <code>slider</code>，不需要更改。</p>\n",
            "default": "'slider'"
          },
          "axisType": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>轴的类型。可选值为：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n</ul>\n",
            "default": "'time'"
          },
          "currentIndex": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>表示当前选中项是哪项。比如，<code>currentIndex</code> 为 <code>0</code> 时，表示当前选中项为 <code>timeline.data[0]</code>（即使用 <code>options[0]</code>）。</p>\n",
            "default": 0
          },
          "autoPlay": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>表示是否自动播放。</p>\n",
            "default": false
          },
          "rewind": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>表示是否反向播放。</p>\n",
            "default": false
          },
          "loop": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>表示是否循环播放。</p>\n",
            "default": true
          },
          "playInterval": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>表示播放的速度（跳动的间隔），单位毫秒（ms）。</p>\n",
            "default": 2000
          },
          "realtime": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>拖动圆点的时候，是否实时更新视图。</p>\n",
            "default": true
          },
          "controlPosition": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>表示『播放』按钮的位置。可选值：<code>&#39;left&#39;</code>、<code>&#39;right&#39;</code>。</p>\n",
            "default": "'left'"
          },
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>timeline组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>timeline组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": "'auto'"
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>timeline组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>timeline组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "padding": {
            "type": [
              "number",
              "Array"
            ],
            "descriptionCN": "<p>timeline内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
            "default": 5
          },
          "orient": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>摆放方式，可选值有：</p>\n<ul>\n<li><code>&#39;vertical&#39;</code>：竖直放置。</li>\n<li><code>&#39;horizontal&#39;</code>：水平放置。</li>\n</ul>\n",
            "default": "'horizontal'"
          },
          "inverse": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<ul>\n<li>是否反向放置 <code>timeline</code>，反向则首位颠倒过来。</li>\n</ul>\n",
            "default": false
          },
          "symbol": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>timeline标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
            "default": "'emptyCircle'"
          },
          "symbolSize": {
            "type": [
              "number",
              "Array"
            ],
            "descriptionCN": "<p>timeline标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n",
            "default": 10
          },
          "symbolRotate": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>timeline标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
          },
          "symbolOffset": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p>timeline标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
            "default": "[0, 0]"
          },
          "lineStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示轴线。可以设置为 <code>false</code> 不显示轴线，则可以做出不同的样式效果。</p>\n",
                "default": true
              },
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>timeline 线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                "default": "'#304654'"
              },
              "width": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>timeline 线宽。</p>\n",
                "default": 2
              },
              "type": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>timeline 线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                "default": "solid"
              },
              "shadowBlur": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
              },
              "shadowColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
              },
              "shadowOffsetX": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                "default": 0
              },
              "shadowOffsetY": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                "default": 0
              },
              "opacity": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
              }
            }
          },
          "label": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>轴的文本标签。有 <code>normal</code> 和 <code>emphasis</code> 两个状态，<code>normal</code> 是文本正常的样式，<code>emphasis</code> 是文本高亮的样式，比如鼠标悬浮或者图例联动高亮的时候会使用 <code>emphasis</code> 作为文本的样式。</p>\n",
            "properties": {
              "position": {
                "type": [
                  "string",
                  "number"
                ],
                "descriptionCN": "<p>可选的配置方式：</p>\n<ul>\n<li><p><code>&#39;auto&#39;</code>：\n  完全自动决定。</p>\n</li>\n<li><p><code>&#39;left&#39;</code>：\n  贴左边界放置。\n  当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;vertical&#39;</code> 时有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code>：当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;vertical&#39;</code> 时有效。\n  贴右边界放置。</p>\n</li>\n<li><p><code>&#39;top&#39;</code>：\n  贴上边界放置。\n  当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;horizontal&#39;</code> 时有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code>：\n  贴下边界放置。\n  当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;horizontal&#39;</code> 时有效。</p>\n</li>\n<li><p><code>number</code>：\n  指定某个数值时，表示 <code>label</code> 和轴的距离。为 <code>0</code> 时则和坐标轴重合，可以为正负值，决定 <code>label</code> 在坐标轴的哪一边。</p>\n</li>\n</ul>\n",
                "default": "'auto'"
              },
              "normal": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示 label。</p>\n",
                    "default": true
                  },
                  "interval": {
                    "type": [
                      "string",
                      "number"
                    ],
                    "descriptionCN": "<p><code>label</code> 的间隔。当指定为数值时，例如指定为 <code>2</code>，则每隔两个显示一个 label。</p>\n",
                    "default": "'auto'"
                  },
                  "rotate": {
                    "type": [
                      "prefix"
                    ],
                    "descriptionCN": "<p><code>label</code> 的旋转角度。正值表示逆时针旋转。</p>\n",
                    "default": 0
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "textStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>timeline.lable.normal文字的颜色。</p>\n",
                        "default": "'#304654'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>timeline.lable.normal文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>timeline.lable.normal文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>timeline.lable.normal文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>timeline.lable.normal文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  }
                }
              },
              "emphasis": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "show": {
                    "type": [
                      "boolean"
                    ],
                    "descriptionCN": "<p>是否显示 label。</p>\n",
                    "default": true
                  },
                  "interval": {
                    "type": [
                      "string",
                      "number"
                    ],
                    "descriptionCN": "<p><code>label</code> 的间隔。当指定为数值时，例如指定为 <code>2</code>，则每隔两个显示一个 label。</p>\n",
                    "default": "'auto'"
                  },
                  "rotate": {
                    "type": [
                      "prefix"
                    ],
                    "descriptionCN": "<p><code>label</code> 的旋转角度。正值表示逆时针旋转。</p>\n",
                    "default": 0
                  },
                  "formatter": {
                    "type": [
                      "string",
                      "Function"
                    ],
                    "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n",
                    "default": null
                  },
                  "textStyle": {
                    "type": [
                      "Object"
                    ],
                    "descriptionCN": "",
                    "properties": {
                      "color": {
                        "type": [
                          "Color"
                        ],
                        "descriptionCN": "<p>timeline.lable.emphasis文字的颜色。</p>\n",
                        "default": "'#c23531'"
                      },
                      "fontStyle": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>timeline.lable.emphasis文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                        "default": "'normal'"
                      },
                      "fontWeight": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>timeline.lable.emphasis文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                        "default": "normal"
                      },
                      "fontFamily": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>timeline.lable.emphasis文字的字体系列</p>\n",
                        "default": "'sans-serif'"
                      },
                      "fontSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>timeline.lable.emphasis文字的字体大小</p>\n",
                        "default": 12
                      }
                    }
                  }
                }
              }
            }
          },
          "itemStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>timeline  图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
            "properties": {
              "normal": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>timeline 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#304654'"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>timeline 图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                    "default": "\"#000\""
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>timeline 描边线宽。为 0 时无描边。</p>\n",
                    "default": 1
                  },
                  "borderType": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              },
              "emphasis": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>timeline 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "'#c23531'"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>timeline 图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                    "default": "\"#000\""
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>timeline 描边线宽。为 0 时无描边。</p>\n",
                    "default": 1
                  },
                  "borderType": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                  }
                }
              }
            }
          },
          "checkpointStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>『当前项』（<code>checkpoint</code>）的图形样式。</p>\n",
            "properties": {
              "symbol": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>timeline.checkpointStyle 标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                "default": "'circle'"
              },
              "symbolSize": {
                "type": [
                  "number",
                  "Array"
                ],
                "descriptionCN": "<p>timeline.checkpointStyle 标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n",
                "default": 13
              },
              "symbolRotate": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>timeline.checkpointStyle 标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
              },
              "symbolOffset": {
                "type": [
                  "Array"
                ],
                "descriptionCN": "<p>timeline.checkpointStyle 标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                "default": "[0, 0]"
              },
              "color": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的颜色。</p>\n",
                "default": "'#c23531'"
              },
              "borderWidth": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的边框宽度。</p>\n",
                "default": 5
              },
              "borderColor": {
                "type": [
                  "Color"
                ],
                "descriptionCN": "<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的边框颜色。</p>\n",
                "default": "'rgba(194,53,49, 0.5)'"
              },
              "animation": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）在 <code>timeline</code> 播放切换中的移动，是否有动画。</p>\n",
                "default": true
              },
              "animationDuration": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的动画时长。</p>\n",
                "default": 300
              },
              "animationEasing": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                "default": "'quinticInOut'"
              }
            }
          },
          "controlStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>『控制按钮』的样式。『控制按钮』包括：『播放按钮』、『前进按钮』、『后退按钮』。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示『控制按钮』。设置为 <code>false</code> 则全不显示。</p>\n",
                "default": true
              },
              "showPlayBtn": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示『播放按钮』。</p>\n",
                "default": true
              },
              "showPrevBtn": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示『后退按钮』。</p>\n",
                "default": true
              },
              "showNextBtn": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示『前进按钮』。</p>\n",
                "default": true
              },
              "itemSize": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>『控制按钮』的尺寸，单位为像素（px）。</p>\n",
                "default": 22
              },
              "itemGap": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>『控制按钮』的间隔，单位为像素（px）。</p>\n",
                "default": 12
              },
              "position": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>『控制按钮』的位置。</p>\n<ul>\n<li><p>当 <a href=\"#timeline.orient\">timeline.orient</a> 为 <code>&#39;horizontal&#39;</code>时，<code>&#39;left&#39;</code>、<code>&#39;right&#39;</code>有效。</p>\n</li>\n<li><p>当 <a href=\"#timeline.orient\">timeline.orient</a> 为 <code>&#39;vertical&#39;</code>时，<code>&#39;top&#39;</code>、<code>&#39;bottom&#39;</code>有效。</p>\n</li>\n</ul>\n",
                "default": "'left'"
              },
              "playIcon": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>『播放按钮』的『可播放状态』的图形。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
              },
              "stopIcon": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>『播放按钮』的『可停止状态』的图形。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
              },
              "prevIcon": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>『后退按钮』的图形</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
              },
              "nextIcon": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>『前进按钮』的图形</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
              },
              "normal": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>控制按钮的『正常状态』的样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>按钮颜色。</p>\n",
                    "default": "'#304654'"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>按钮边框颜色。</p>\n",
                    "default": "'#304654'"
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>按钮边框线宽。</p>\n",
                    "default": 1
                  }
                }
              },
              "emphasis": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>控制按钮的『高亮状态』的样式（hover时）。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>按钮颜色。</p>\n",
                    "default": "'#c23531'"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>按钮边框颜色。</p>\n",
                    "default": "'#c23531'"
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>按钮边框线宽。</p>\n",
                    "default": 2
                  }
                }
              }
            }
          },
          "data": {
            "type": [
              "Array"
            ],
            "descriptionCN": "<p><code>timeline</code> 数据。<code>Array</code> 的每一项，可以是直接的数值。\n如果需要对每个数据项单独进行样式定义，则数据项写成 <code>Object</code>。<code>Object</code>中，<code>value</code>属性为数值。其他属性如下例子，可以覆盖 <code>timeline</code> 中的属性配置。</p>\n<p>如下例：</p>\n<pre><code class=\"lang-javascript\">[\n    &#39;2002-01-01&#39;,\n    &#39;2003-01-01&#39;,\n    &#39;2004-01-01&#39;,\n    {\n        value: &#39;2005-01-01&#39;,\n        tooltip: {          // 让鼠标悬浮到此项时能够显示 `tooltip`。\n            formatter: &#39;{b} xxxx&#39;\n        },\n        symbol: &#39;diamond&#39;,  // 此项的图形的特别设置。\n        symbolSize: 16      // 此项的图形大小的特别设置。\n    },\n    &#39;2006-01-01&#39;,\n    &#39;2007-01-01&#39;,\n    &#39;2008-01-01&#39;,\n    &#39;2009-01-01&#39;,\n    &#39;2010-01-01&#39;,\n    {\n        value: &#39;2011-01-01&#39;,\n        tooltip: {          // 让鼠标悬浮到此项时能够显示 `tooltip`。\n            formatter: function (params) {\n                return params.name + &#39;xxxx&#39;;\n            }\n        },\n        symbol: &#39;diamond&#39;,\n        symbolSize: 18\n    },\n]\n</code></pre>\n"
          }
        }
      },
      "graphic": {
        "type": [
          "*"
        ],
        "descriptionCN": "<p><code>graphic</code> 是原生图形元素组件。可以支持的图形元素包括：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n<p>下面示例中，使用图形元素做了水印，和文本块：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-graphic&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>下面示例中，使用隐藏的图形元素实现了拖拽：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-draggable&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n\n<p><br></p>\n<hr>\n<p><strong>graphic 设置介绍</strong></p>\n<p>只配一个图形元素时的简写方法：</p>\n<pre><code class=\"lang-javascript\">myChart.setOption({\n    ...,\n    graphic: {\n        type: &#39;image&#39;,\n        ...\n    }\n});\n</code></pre>\n<p>配多个图形元素：</p>\n<pre><code class=\"lang-javascript\">myChart.setOption({\n    ...,\n    graphic: [\n        { // 一个图形元素，类型是 image。\n            type: &#39;image&#39;,\n            ...\n        },\n        { // 一个图形元素，类型是 text，指定了 id。\n            type: &#39;text&#39;,\n            id: &#39;text1&#39;,\n            ...\n        },\n        { // 一个图形元素，类型是 group，可以嵌套子节点。\n            type: &#39;group&#39;,\n            children: [\n                {\n                    type: &#39;rect&#39;,\n                    id: &#39;rect1&#39;,\n                    ...\n                },\n                {\n                    type: &#39;image&#39;,\n                    ...\n                },\n                ...\n            ]\n        }\n        ...\n    ]\n});\n</code></pre>\n<p>使用 setOption 来删除或更换（替代）已有的图形元素：</p>\n<pre><code class=\"lang-javascript\">myChart.setOption({\n    ...,\n    graphic: [\n        { // 删除上例中定义的 &#39;text1&#39; 元素。\n            id: &#39;text1&#39;,\n            $action: &#39;remove&#39;,\n            ...\n        },\n        { // 将上例中定义的 &#39;rect1&#39; 元素换成 circle。\n          // 注意尽管 &#39;rect1&#39; 在一个 group 中，但这里并不需要顾忌层级，用id指定就可以了。\n            id: &#39;rect1&#39;,\n            $action: &#39;replace&#39;,\n            type: &#39;circle&#39;,\n            ...\n        }\n    ]\n});\n</code></pre>\n<p>注意，如果没有指定 id，第二次 setOption 时会按照元素在 option 中出现的顺序和已有的图形元素进行匹配。这有时会产生不易理解的效果。\n所以，一般来说，更新 elements 时推荐使用 id 进行准确的指定，而非省略 id。</p>\n<p><br></p>\n<hr>\n<p><strong>图形元素设置介绍</strong></p>\n<p>介绍每个图形元素的配置。不同类型的图形元素的设置有这些共性：</p>\n<pre><code class=\"lang-javascript\">{\n    // id 用于在更新图形元素时指定更新哪个图形元素，如果不需要用可以忽略。\n    id: &#39;xxx&#39;,\n\n    // 这个字段在第一次设置时不能忽略，取值见上方『支持的图形元素』。\n    type: &#39;image&#39;,\n\n    // 下面的各个属性如果不需要设置都可以忽略，忽略则取默认值。\n\n    // 指定本次 setOption 对此图形元素进行的操作。默认是 &#39;merge&#39;，还可以 &#39;replace&#39; 或 &#39;remove&#39;。\n    $action: &#39;replace&#39;,\n\n    // 这是四个相对于父元素的定位属性，每个属性可取『像素值』或者『百分比』或者 &#39;center&#39;/&#39;middle&#39;。\n    left: 10,\n    // right: 10,\n    top: &#39;center&#39;,\n    // bottom: &#39;10%&#39;,\n\n    shape: {\n        // 定位、形状相关的设置，如 x, y, cx, cy, width, height, r, points 等。\n        // 注意，如果设置了 left/right/top/bottom，这里的定位用的 x/y/cx/cy 会失效。\n    },\n\n    style: {\n        // 样式相关的设置，如 fill, stroke, lineWidth, shadowBlur 等。\n    },\n\n    // 表示 z 高度，从而指定了图形元素的覆盖关系。\n    z: 10,\n    // 表示不响应事件。\n    silent: true,\n    // 表示节点不显示\n    invisible: false,\n    // 设置是否整体限制在父节点范围内。可选值：&#39;raw&#39;, &#39;all&#39;。\n    bouding: &#39;raw&#39;,\n    // 是否可以被拖拽。\n    draggable: false,\n    // 事件的监听器，还可以是 onmousemove, ondrag 等。支持的事件参见下。\n    onclick: function () {...}\n}\n</code></pre>\n<p><br></p>\n<hr>\n<p><strong>图形元素的事件</strong></p>\n<p>支持这些事件配置：\n<code>onclick</code>, <code>onmouseover</code>, <code>onmouseout</code>, <code>onmousemove</code>, <code>onmousewheel</code>, <code>onmousedown</code>, <code>onmouseup</code>, <code>ondrag</code>, <code>ondragstart</code>, <code>ondragend</code>, <code>ondragenter</code>, <code>ondragleave</code>, <code>ondragover</code>, <code>ondrop</code>。</p>\n<p><br></p>\n<hr>\n<p><strong>图形元素的层级关系</strong></p>\n<p>只有 <code>group</code> 元素可以有子节点，从而以该 <code>group</code> 元素为根的元素树可以共同定位（共同移动）。</p>\n<p><br></p>\n<hr>\n<p><strong>图形元素的基本形状设置</strong></p>\n<p>每个图形元素本身有自己的图形基本的位置和尺寸设置，例如：</p>\n<pre><code class=\"lang-javascript\">{\n    type: &#39;rect&#39;,\n    shape: {\n        x: 10,\n        y: 10,\n        width: 100,\n        height: 200\n    }\n},\n{\n    type: &#39;circle&#39;,\n    shape: {\n        cx: 20,\n        cy: 30,\n        r: 100\n    }\n},\n{\n    type: &#39;image&#39;,\n    style: {\n        image: &#39;http://xxx.xxx.xxx/a.png&#39;,\n        x: 100,\n        y: 200,\n        width: 230,\n        height: 400\n    }\n},\n{\n    type: &#39;text&#39;,\n    style: {\n        text: &#39;This text&#39;,\n        x: 100,\n        y: 200\n    }\n\n}\n</code></pre>\n<p><br></p>\n<hr>\n<p><strong>图形元素的定位和 transfrom</strong></p>\n<p>除此以外，可以以 transform 的方式对图形进行平移、旋转、缩放，</p>\n<pre><code class=\"lang-javascript\">{\n    type: &#39;rect&#39;,\n    position: [100, 200], // 平移，默认值为 [0, 0]。\n    scale: [2, 4], // 缩放，默认值为 [1, 1]。表示缩放的倍数。\n    rotation: Math.PI / 4, // 旋转，默认值为 0。表示旋转的弧度值。正值表示逆时针旋转。\n    origin: [10, 20], // 旋转和缩放的中心点，默认值为 [0, 0]。\n    shape: {\n        // ...\n    }\n}\n</code></pre>\n<ul>\n<li>每个图形元素在父节点的坐标系中进行 transform，也就是说父子节点的 transform 能『叠加』。</li>\n<li>每个图形元素进行 transform 顺序是：<ol>\n<li>平移 [-el.origin[0], -el.origin[1]]。</li>\n<li>根据 el.scale 缩放。</li>\n<li>根据 el.rotation 旋转。</li>\n<li>根据 el.origin 平移。</li>\n<li>根据 el.position 平移。</li>\n</ol>\n</li>\n<li>也就是说先缩放旋转后平移，这样平移不会影响缩放旋转的 origin。</li>\n</ul>\n<p><br></p>\n<hr>\n<p><strong>图形元素相对定位</strong></p>\n<p>以上两者是基本的绝对定位，除此之外，在实际应用中，容器尺寸常常是不确定甚至动态变化的，所以需要提供相对定位的机制。graphic 组件使用 <a href=\"#graphic.elements.left\">left</a> / <a href=\"#graphic.elements.right\">right</a> / <a href=\"#graphic.elements.top\">top</a> / <a href=\"#graphic.elements.bottom\">bottom</a> / <a href=\"#graphic.elements.width\">width</a> / <a href=\"#graphic.elements.height\">height</a> 提供了相对定位的机制。</p>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{ // 将图片定位到最下方的中间：\n    type: &#39;image&#39;,\n    left: &#39;center&#39;, // 水平定位到中间\n    bottom: &#39;10%&#39;,  // 定位到距离下边界 10% 处\n    style: {\n        image: &#39;http://xxx.xxx.xxx/a.png&#39;,\n        width: 45,\n        height: 45\n    }\n},\n{ // 将旋转过的 group 整体定位右下角：\n    type: &#39;group&#39;,\n    right: 0,  // 定位到右下角\n    bottom: 0, // 定位到右下角\n    rotation: Math.PI / 4,\n    children: [\n        {\n            type: &#39;rect&#39;,\n            left: &#39;center&#39;, // 相对父元素居中\n            top: &#39;middle&#39;,  // 相对父元素居中\n            shape: {\n                width: 190,\n                height: 90\n            },\n            style: {\n                fill: &#39;#fff&#39;,\n                stroke: &#39;#999&#39;,\n                lineWidth: 2,\n                shadowBlur: 8,\n                shadowOffsetX: 3,\n                shadowOffsetY: 3,\n                shadowColor: &#39;rgba(0,0,0,0.3)&#39;\n            }\n        },\n        {\n            type: &#39;text&#39;,\n            left: &#39;center&#39;, // 相对父元素居中\n            top: &#39;middle&#39;,  // 相对父元素居中\n            style: {\n                fill: &#39;#777&#39;,\n                text: [\n                    &#39;This is text&#39;,\n                    &#39;这是一段文字&#39;,\n                    &#39;Print some text&#39;\n                ].join(&#39;\\n&#39;),\n                font: &#39;14px Microsoft YaHei&#39;\n            }\n        }\n    ]\n}\n</code></pre>\n<p>注意，可以用 <a href=\"graphic.elements.bounding\" target=\"_blank\">bounding</a> 来设置是否整体限制在父节点范围内。</p>\n<p><br></p>\n<hr>\n<p>下面是详细配置。</p>\n",
        "properties": {
          "elements": {
            "type": "Array",
            "items": {
              "anyOf": [
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>group 是唯一的可以有子节点的容器。group 可以用来整体定位一组图形元素。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "group"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "width": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>用于描述此 <code>group</code> 的宽。</p>\n<p>这个宽只用于给子节点定位。</p>\n<p>即便当宽度为零的时候，子节点也可以使用 <code>left: &#39;center&#39;</code> 相对于父节点水平居中。</p>\n",
                      "default": 0
                    },
                    "height": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>用于描述此 <code>group</code> 的高。</p>\n<p>这个高只用于给子节点定位。</p>\n<p>即便当高度为零的时候，子节点也可以使用 <code>top: &#39;middle&#39;</code> 相对于父节点垂直居中。</p>\n",
                      "default": 0
                    },
                    "children": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>子节点列表，其中项都是一个图形元素定义。</p>\n"
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "image"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "image": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>图片的内容，可以是图片的 URL，也可以是 <a href=\"https://tools.ietf.org/html/rfc2397\" target=\"_blank\">dataURI</a>.</p>\n"
                        },
                        "x": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n",
                          "default": 0
                        },
                        "y": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n",
                          "default": 0
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的宽度。</p>\n",
                          "default": 0
                        },
                        "height": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的高度。</p>\n",
                          "default": 0
                        },
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>文本块。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "text"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "text": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文本块文字。可以使用 <code>\\n</code> 来换行。</p>\n",
                          "default": "''"
                        },
                        "x": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n",
                          "default": 0
                        },
                        "y": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n",
                          "default": 0
                        },
                        "font": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>字体大小、字体类型、粗细、字体样式。格式参见 <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/font\" target=\"_blank\">css font</a>。</p>\n<p>例如：</p>\n<pre><code>// size | family\nfont: &#39;2em &quot;STHeiti&quot;, sans-serif&#39;\n\n// style | weight | size | family\nfont: &#39;italic bolder 16px cursive&#39;\n\n// weight | size | family\nfont: &#39;bolder 2em &quot;Microsoft YaHei&quot;, sans-serif&#39;\n</code></pre>"
                        },
                        "textAlign": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>水平对齐方式，取值：<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果为 <code>&#39;left&#39;</code>，表示文本最左端在 <code>x</code> 值上。如果为 <code>&#39;right&#39;</code>，表示文本最右端在 <code>x</code> 值上。</p>\n",
                          "default": "'left'"
                        },
                        "textVeticalAlign": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>垂直对齐方式，取值：<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n"
                        },
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>矩形。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "rect"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "x": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n",
                          "default": 0
                        },
                        "y": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n",
                          "default": 0
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的宽度。</p>\n",
                          "default": 0
                        },
                        "height": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的高度。</p>\n",
                          "default": 0
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>圆。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "circle"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "cx": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n",
                          "default": 0
                        },
                        "cy": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n",
                          "default": 0
                        },
                        "r": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>外半径。</p>\n",
                          "default": 0
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>圆环。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "ring"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "cx": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n",
                          "default": 0
                        },
                        "cy": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n",
                          "default": 0
                        },
                        "r": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>外半径。</p>\n",
                          "default": 0
                        },
                        "r0": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>内半径。</p>\n",
                          "default": 0
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>扇形。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "sector"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "cx": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n",
                          "default": 0
                        },
                        "cy": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n",
                          "default": 0
                        },
                        "r": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>外半径。</p>\n",
                          "default": 0
                        },
                        "r0": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>内半径。</p>\n",
                          "default": 0
                        },
                        "startAngle": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>开始弧度。</p>\n",
                          "default": 0
                        },
                        "endAngle": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>结束弧度。</p>\n",
                          "default": "Math.PI * 2"
                        },
                        "clockwise": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否顺时针。</p>\n",
                          "default": true
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>圆弧。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "arc"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "cx": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n",
                          "default": 0
                        },
                        "cy": {
                          "type": [
                            "numbr"
                          ],
                          "descriptionCN": "<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n",
                          "default": 0
                        },
                        "r": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>外半径。</p>\n",
                          "default": 0
                        },
                        "r0": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>内半径。</p>\n",
                          "default": 0
                        },
                        "startAngle": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>开始弧度。</p>\n",
                          "default": 0
                        },
                        "endAngle": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>结束弧度。</p>\n",
                          "default": "Math.PI * 2"
                        },
                        "clockwise": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否顺时针。</p>\n",
                          "default": true
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": null
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": "\"#000\""
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 5
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>多边形。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "polygon"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "points": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>点列表，用于定义形状，如 <code>[[22, 44], [44, 55], [11, 44], ...]</code></p>\n"
                        },
                        "smooth": {
                          "type": [
                            "number",
                            "string"
                          ],
                          "descriptionCN": "<p>是否平滑曲线。</p>\n<ul>\n<li>如果为 number：表示贝塞尔 (bezier) 差值平滑，smooth 指定了平滑等级，范围 <code>[0, 1]</code>。</li>\n<li>如果为 <code>&#39;spline&#39;</code>：表示 Catmull-Rom spline 差值平滑。</li>\n</ul>\n",
                          "default": "undefined"
                        },
                        "smoothConstraint": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否将平滑曲线约束在包围盒中。<code>smooth</code> 为 <code>number</code>（bezier）时生效。</p>\n",
                          "default": false
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>折线。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "polyline"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "points": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>点列表，用于定义形状，如 <code>[[22, 44], [44, 55], [11, 44], ...]</code></p>\n"
                        },
                        "smooth": {
                          "type": [
                            "number",
                            "string"
                          ],
                          "descriptionCN": "<p>是否平滑曲线。</p>\n<ul>\n<li>如果为 number：表示贝塞尔 (bezier) 差值平滑，smooth 指定了平滑等级，范围 <code>[0, 1]</code>。</li>\n<li>如果为 <code>&#39;spline&#39;</code>：表示 Catmull-Rom spline 差值平滑。</li>\n</ul>\n",
                          "default": "undefined"
                        },
                        "smoothConstraint": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否将平滑曲线约束在包围盒中。<code>smooth</code> 为 <code>number</code>（bezier）时生效。</p>\n",
                          "default": false
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": null
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": "\"#000\""
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 5
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>直线。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "line"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "x1": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>开始点的 x 值。</p>\n",
                          "default": 0
                        },
                        "y1": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>开始点的 y 值。</p>\n",
                          "default": 0
                        },
                        "x2": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>结束点的 x 值。</p>\n",
                          "default": 0
                        },
                        "y2": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>结束点的 y 值。</p>\n",
                          "default": 0
                        },
                        "percent": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线画到百分之多少就不画了。值的范围：[0, 1]。</p>\n",
                          "default": 1
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": null
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": "\"#000\""
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 5
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                },
                {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>二次或三次贝塞尔曲线。</p>\n",
                  "properties": {
                    "type": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n",
                      "default": "bezierCurve"
                    },
                    "id": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n",
                      "default": "undefined"
                    },
                    "$action": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n",
                      "default": "'merge'"
                    },
                    "left": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "right": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "top": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bottom": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n",
                      "default": "undefined"
                    },
                    "bounding": {
                      "type": [
                        "strin"
                      ],
                      "descriptionCN": "<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n",
                      "default": "'all'"
                    },
                    "z": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>z 方向的高度，决定层叠关系。</p>\n",
                      "default": 0
                    },
                    "zlevel": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n",
                      "default": 0
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否不响应鼠标以及触摸事件。</p>\n",
                      "default": false
                    },
                    "invisible": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>节点是否可见。</p>\n",
                      "default": false
                    },
                    "cursor": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>鼠标悬浮时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n",
                      "default": "'pointer'"
                    },
                    "draggable": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形元素是否可以被拖拽。</p>\n",
                      "default": false
                    },
                    "progressive": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n",
                      "default": false
                    },
                    "shape": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "x1": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>开始点的 x 值。</p>\n",
                          "default": 0
                        },
                        "y1": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>开始点的 y 值。</p>\n",
                          "default": 0
                        },
                        "x2": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>结束点的 x 值。</p>\n",
                          "default": 0
                        },
                        "y2": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>结束点的 y 值。</p>\n",
                          "default": 0
                        },
                        "cpx1": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>控制点 x 值。</p>\n",
                          "default": 0
                        },
                        "cpy1": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>控制点 y 值。</p>\n",
                          "default": 0
                        },
                        "cpx2": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>第二个控制点 x 值。如果设置则开启三阶贝塞尔曲线。</p>\n",
                          "default": null
                        },
                        "cpy2": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>第二个控制点 y 值。如果设置则开启三阶贝塞尔曲线。</p>\n",
                          "default": null
                        },
                        "percent": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>画到百分之多少就不画了。值的范围：[0, 1]。</p>\n",
                          "default": 1
                        }
                      }
                    },
                    "style": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "fill": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>填充色。</p>\n",
                          "default": "'#000'"
                        },
                        "stroke": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>笔画颜色。</p>\n",
                          "default": null
                        },
                        "lineWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>笔画宽度。</p>\n",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影宽度。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 X 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影 Y 方向偏移。</p>\n",
                          "default": "undefined"
                        },
                        "shadowColor": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影颜色。</p>\n",
                          "default": "undefined"
                        }
                      }
                    },
                    "onclick": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseout": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousemove": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousewheel": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmousedown": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "onmouseup": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrag": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragstart": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragend": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragenter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragleave": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondragover": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    },
                    "ondrop": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": ""
                    }
                  }
                }
              ]
            },
            "descriptionCN": "<p>里面是所有图形元素的集合。</p>\n<p>注意：graphic 的标准写法是：</p>\n<pre><code class=\"lang-javascript\">{\n    graphic: {\n        elements: [\n            {type: &#39;rect&#39;, ...}, {type: &#39;circle&#39;, ...}, ...\n        ]\n    }\n}\n</code></pre>\n<p>但是我们常常可以用简写：</p>\n<pre><code class=\"lang-javascript\">{\n    graphic: {\n        type: &#39;rect&#39;,\n        ...\n    }\n}\n</code></pre>\n<p>或者：</p>\n<pre><code class=\"lang-javascript\">{\n    graphic: [\n        {type: &#39;rect&#39;, ...}, {type: &#39;circle&#39;, ...}, ...\n    ]\n}\n</code></pre>\n"
          }
        }
      },
      "calendar": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>日历坐标系组件。</p>\n<p>在ECharts中，我们非常有创意地实现了日历图，是通过使用日历坐标系组件来达到日历图效果的，如下方的几个示例图所示，我们可以在热力图、散点图、关系图中使用日历坐标系。</p>\n<p>在日历坐标系中使用热力图的示例:</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=calendar-heatmap&edit=1&reset=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n<p>在日历坐标系中使用散点图的示例:</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=calendar-effectscatter&edit=1&reset=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p>在日历坐标系中使用关系图（以及混合图表）的示例:</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=calendar-graph&edit=1&reset=1\" width=\"600\" height=\"600\" ></iframe>\n\n\n<p>灵活利用 echarts 图表和坐标系的组合，以及 API，可以实现更丰富的效果。\n<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=calendar-lunar&amp;edit=1&amp;reset=1\" target=\"_blank\">在日历中使用文字</a>、\n<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=calendar-pie&amp;edit=1&amp;reset=1\" target=\"_blank\">在日历中放置饼图</a></p>\n<hr>\n<p><strong>水平和垂直放置日历</strong></p>\n<p>在日历坐标系可以水平放置，也可以垂直放置。如上面的例子，使用热力图时，经常是水平放置的。但是如果需要格子的尺寸大些，水平放置就过于宽了，于是也可以选择垂直放置。参见 <a href=\"#calendar.orient\">calendar.orient</a>。</p>\n<hr>\n<p><strong>尺寸的自适应</strong></p>\n<p>可以设置日历坐标系使他支持不同尺寸的容器（页面）大小变化的自适应。首先，和 echarts 其他组件一样，日历坐标系可以选择使用 <a href=\"#calendar.left\">left</a> <a href=\"#calendar.right\">right</a> <a href=\"#calendar.top\">top</a> <a href=\"bottom\" target=\"_blank\">bottom</a> <a href=\"#calendar.width\">width</a> <a href=\"#calendar.height\">height</a> 来描述尺寸和位置，从而将日历摆放在上下左右各种位置，并随着页面尺寸变动而改变自身尺寸。另外，也可以使用 <a href=\"#calendar.cellSize\">cellSize</a> 来固定日历格子的长宽。</p>\n<hr>\n<p><strong>中西方日历习惯的支持</strong></p>\n<p>中西方日历有所差别，西方常使用星期日作为一周的第一天，中国使用星期一为一周的第一天。日历坐标系做了这种切换的支持。参见 <a href=\"#calendar.dayLabel.firstDay\">calendar.dayLabel.firstDay</a>。</p>\n<p>另外，日历上的『月份』和『星期几』的文字，也可以较方便的切换中英文，甚至自定义。参见 <a href=\"#calendar.dayLabel.nameMap\">calendar.dayLabel.nameMap</a> <a href=\"#calendar.monthLabel.nameMap\">calendar.monthLabel.nameMap</a>。</p>\n<hr>\n",
        "properties": {
          "zlevel": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
            "default": 0
          },
          "z": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
            "default": 2
          },
          "left": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>calendar组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": 80
          },
          "top": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>calendar组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
            "default": 60
          },
          "right": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>calendar组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "bottom": {
            "type": [
              "string",
              "number"
            ],
            "descriptionCN": "<p>calendar组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
            "default": "'auto'"
          },
          "width": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>日历坐标的整体宽度</p>\n<p>注意: 默认cellSize 为20，若设置了<code>width</code>的值, 则<code>cellSize</code>中的宽度强制转为<code>auto</code>;</p>\n",
            "default": "auto"
          },
          "height": {
            "type": [
              "number",
              "string"
            ],
            "descriptionCN": "<p>日历坐标的整体高度，</p>\n<p>注意: 默认cellSize 为20，若设置了<code>height</code>的值, 则<code>cellSize</code>中的高度强制转为<code>auto</code>;</p>\n",
            "default": "auto"
          },
          "range": {
            "type": [
              "number",
              "string",
              "Array"
            ],
            "descriptionCN": "<p>必填，日历坐标的范围 支持多种格式</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">\n// 某一年\nrange: 2017\n\n// 某个月\nrange: &#39;2017-02&#39;\n\n// 某个区间\nrange: [&#39;2017-01-02&#39;, &#39;2017-02-23&#39;]\n\n// 注意 此写法会识别为[&#39;2017-01-01&#39;, &#39;2017-02-01&#39;]\nrange: [&#39;2017-01&#39;, &#39;2017-02&#39;]\n</code></pre>\n"
          },
          "cellSize": {
            "type": [
              "number",
              "Array"
            ],
            "descriptionCN": "<p>日历每格框的大小，可设置单值 或数组  第一个元素是宽 第二个元素是高。\n支持设置自适应：<code>auto</code>, 默认为高宽均为20</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">\n// 设置宽高均为20\ncellSize: 20\n\n// 设置宽为20，高为40\ncellSize: [20, 40]\n\n// 设置宽高均为40\ncellSize: [40]\n\n// 设置宽高均自适应\ncellSize: &#39;auto&#39;\n\n// 设置宽自适应，高为40\ncellSize: [&#39;auto&#39;, 40]\n</code></pre>\n",
            "default": 20
          },
          "orient": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>日历坐标的布局朝向。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;horizontal&#39;</li>\n<li>&#39;vertical&#39;</li>\n</ul>\n",
            "default": "'horizontal'"
          },
          "splitLine": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>设置日历坐标分隔线的样式。</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否显示分隔线。默认显示。</p>\n",
                "default": true
              },
              "lineStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>分隔线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#000"
                  },
                  "width": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>分隔线线宽。</p>\n",
                    "default": 1
                  },
                  "type": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                    "default": "solid"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">calendar: [{\n    splitLine: {\n        show: true,\n        lineStyle: {\n            color: &#39;#000&#39;,\n            width: 1,\n            type: &#39;solid&#39;\n        }\n    }\n}]\n</code></pre>\n"
                  }
                }
              }
            }
          },
          "itemStyle": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>设置日历格的样式</p>\n",
            "properties": {
              "normal": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>calendar图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                    "default": "#fff"
                  },
                  "borderColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>calendar图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                    "default": "'#ccc'"
                  },
                  "borderWidth": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>calendar描边线宽。为 0 时无描边。</p>\n",
                    "default": 1
                  },
                  "borderType": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                    "default": "'solid'"
                  },
                  "shadowBlur": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                  },
                  "shadowColor": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                  },
                  "shadowOffsetX": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "shadowOffsetY": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                    "default": 0
                  },
                  "opacity": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">calendar: [{\n    itemStyle: {\n        normal: {\n            color: &#39;#fff&#39;,\n            borderWidth: 1,\n            borderColor: &#39;#ccc&#39;\n        }\n    }\n}]\n</code></pre>\n"
                  }
                }
              }
            }
          },
          "dayLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>设置日历坐标中 星期轴的样式</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否在普通状态下显示标签。</p>\n",
                "default": true
              },
              "firstDay": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>一周从周几开始，默认从周日开始</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">\ncalendar: [{\n    dayLabel: {\n        firstDay: 1 // 从周一开始\n    }\n}]\n</code></pre>\n",
                "default": 0
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>星期标签与轴线之间的距离</p>\n",
                "default": 0
              },
              "position": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>星期的位置 在星期轴的开头还是结尾。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;start&#39;</li>\n<li>&#39;end&#39;</li>\n</ul>\n",
                "default": "'start'"
              },
              "nameMap": {
                "type": [
                  "string",
                  "Array"
                ],
                "descriptionCN": "<p>星期显示的效果，默认为&#39;en&#39;\n可设置中英文以及自定义\n下标0为对应星期天的文字显示</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 快捷设置英文 [&#39;S&#39;, &#39;M&#39;, &#39;T&#39;, &#39;W&#39;, &#39;T&#39;, &#39;F&#39;, &#39;S&#39;],\nnameMap: &#39;en&#39;\n// 快捷设置中文 [&#39;日&#39;, &#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;]\nnameMap: &#39;cn&#39;\n// 自定义设置： 中英文混杂 或者不显示\nnameMap: [&#39;S&#39;, &#39;一&#39;, &#39;T&#39;, &#39;三&#39;, &#39;&#39;, &#39;五&#39;, &#39;S&#39;],\n\ncalendar: [{\n    dayLabel: {\n        nameMap: &#39;en&#39;\n    }\n}]\n</code></pre>\n",
                "default": "'en'"
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>普通状态下的标签文本样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "#000"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  }
                }
              }
            }
          },
          "monthLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>设置日历坐标中 月份轴的样式</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否在普通状态下显示标签。</p>\n",
                "default": true
              },
              "align": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>设置月份区间内的月份文字位置。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;center&#39; // 区间内的中间</li>\n<li>&#39;left&#39;  // 区间内的左边</li>\n</ul>\n",
                "default": "'center'"
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>月份标签与轴线之间的距离</p>\n",
                "default": 5
              },
              "position": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>月份的位置 在开头还是结尾。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;start&#39;</li>\n<li>&#39;end&#39;</li>\n</ul>\n",
                "default": "'start'"
              },
              "nameMap": {
                "type": [
                  "string",
                  "Array"
                ],
                "descriptionCN": "<p>月份显示的效果，默认为&#39;en&#39;\n可设置中英文以及自定义\n下标0为对应一月的文字显示</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 快捷设置英文 [\n                &#39;Jan&#39;, &#39;Feb&#39;, &#39;Mar&#39;,\n                &#39;Apr&#39;, &#39;May&#39;, &#39;Jun&#39;,\n                &#39;Jul&#39;, &#39;Aug&#39;, &#39;Sep&#39;,\n                &#39;Oct&#39;, &#39;Nov&#39;, &#39;Dec&#39;\n            ],\nnameMap: &#39;en&#39;\n// 快捷设置中文 [\n                &#39;一月&#39;, &#39;二月&#39;, &#39;三月&#39;,\n                &#39;四月&#39;, &#39;五月&#39;, &#39;六月&#39;,\n                &#39;七月&#39;, &#39;八月&#39;, &#39;九月&#39;,\n                &#39;十月&#39;, &#39;十一月&#39;, &#39;十二月&#39;\n            ]\nnameMap: &#39;cn&#39;\n// 自定义设置： 中英文混杂 或者不显示\nnameMap: [\n            &#39;一月&#39;, &#39;Feb&#39;, &#39;三月&#39;,\n            &#39;四月&#39;, &#39;May&#39;, &#39;六月&#39;,\n            &#39;七月&#39;, &#39;八月&#39;, &#39;&#39;,\n            &#39;十月&#39;, &#39;Nov&#39;, &#39;十二月&#39;\n        ],\n\ncalendar: [{\n    monthLabel: {\n        nameMap: &#39;en&#39;\n    }\n}]\n</code></pre>\n",
                "default": "'en'"
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>用来格式化月份文本，支持字符串模板和回调函数两种形式。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，例如：2017-02\n/*\n    模板变量{nameMap} 月份原本名称 eg：&#39;Feb&#39;\n    模板变量{yyyy}   四位数年份 eg: 2017\n    模板变量{yy}   后两位数年份 eg: 17\n    模板变量{MM}   两位数月份 eg: 02\n    模板变量{M}   一位数月份 eg: 2\n*/\nformatter: &#39;{yyyy}-{MM}&#39;\n// 使用回调函数\n/*\n    param.nameMap 月份原本名称 eg：&#39;Feb&#39;\n    param.yyyy   四位数年份 eg: 2017\n    param.yy   后两位数年份 eg: 17\n    param.MM   两位数月份 eg: 02\n    param.M   一位数月份 eg: 2\n*/\nformatter: function (param) {\n    // ...\n    return param.MM;\n}\n</code></pre>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>普通状态下的标签文本样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "#000"
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  }
                }
              }
            }
          },
          "yearLabel": {
            "type": [
              "Object"
            ],
            "descriptionCN": "<p>设置日历坐标中 年的样式</p>\n",
            "properties": {
              "show": {
                "type": [
                  "boolean"
                ],
                "descriptionCN": "<p>是否在普通状态下显示标签。</p>\n",
                "default": true
              },
              "margin": {
                "type": [
                  "number"
                ],
                "descriptionCN": "<p>年份与轴线之间的距离</p>\n",
                "default": 30
              },
              "position": {
                "type": [
                  "string"
                ],
                "descriptionCN": "<p>年份的位置\n默认横向是&#39;left&#39; 竖向是&#39;top&#39;</p>\n<p>可选：</p>\n<ul>\n<li>&#39;top&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n</ul>\n"
              },
              "formatter": {
                "type": [
                  "string",
                  "Function"
                ],
                "descriptionCN": "<p>用来格式化年份文本，支持字符串模板和回调函数两种形式。\n默认显示当前范围的年  若区间跨年 显示(&#39;start-end&#39;)</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，例如：[&#39;2017-10-11&#39;, &#39;2018-01-21&#39;]\n/*\n    模板变量{nameMap} 年份原本名称 eg：&#39;2017-2018&#39;\n    模板变量{start}   开始年份 eg: 2017\n    模板变量{end}   结束年份 eg: 2018\n*/\n\nformatter: &#39;{start}-{end}&#39;\n// 使用回调函数\n/*\n    param.nameMap 年份原本名称 eg：&#39;2017-2018&#39;\n    param.start   开始年份 eg: 2017\n    param.end   结束年份 eg: 2018\n*/\nformatter: function (param) {\n    // ...\n    return param.end;\n}\n</code></pre>\n",
                "default": null
              },
              "textStyle": {
                "type": [
                  "Object"
                ],
                "descriptionCN": "<p>普通状态下的标签文本样式。</p>\n",
                "properties": {
                  "color": {
                    "type": [
                      "Color"
                    ],
                    "descriptionCN": "<p>文字的颜色。</p>\n",
                    "default": "\"#fff\""
                  },
                  "fontStyle": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                    "default": "'normal'"
                  },
                  "fontWeight": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                    "default": "normal"
                  },
                  "fontFamily": {
                    "type": [
                      "string"
                    ],
                    "descriptionCN": "<p>文字的字体系列</p>\n",
                    "default": "'sans-serif'"
                  },
                  "fontSize": {
                    "type": [
                      "number"
                    ],
                    "descriptionCN": "<p>文字的字体大小</p>\n",
                    "default": 12
                  }
                }
              }
            }
          },
          "silent": {
            "type": [
              "boolean"
            ],
            "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
            "default": false
          }
        }
      },
      "series": {
        "type": "Array",
        "items": {
          "anyOf": [
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>折线/面积图</strong></p>\n<p>折线图是用折线将各个数据点<a href=\"#series-line.symbol\">标志</a>连接起来的图表，用于展现数据的变化趋势。可用于<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上。</p>\n<p><strong>Tip:</strong> 设置 <a href=\"#series-line.areaStyle\">areaStyle</a> 后可以绘制面积图。</p>\n<p><strong>Tip:</strong> 配合分段型 <a href=\"#visualMap-piecewise\">visualMap</a> 组件可以将折线/面积图通过不同颜色分区间。如下示例</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-aqi&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'line'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-bar.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "polarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "symbol": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                  "default": "'emptyCircle'"
                },
                "symbolSize": {
                  "type": [
                    "number",
                    "Array",
                    "Function"
                  ],
                  "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-line.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                  "default": 4
                },
                "symbolRotate": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                },
                "symbolOffset": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                  "default": "[0, 0]"
                },
                "showSymbol": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否显示 symbol, 如果 <code>false</code> 则只有在 tooltip hover 的时候显示。</p>\n",
                  "default": true
                },
                "showAllSymbol": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>标志图形默认只有主轴显示（随主轴标签间隔隐藏策略），如需全部显示可把 showAllSymbol 设为 <code>true</code>。</p>\n",
                  "default": false
                },
                "hoverAnimation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启 hover 在拐点标志上的提示动画效果。</p>\n",
                  "default": true
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "stack": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据堆叠，同个类目轴上系列配置相同的<code>stack</code>值后，后一个系列的值会在前一个系列的值上相加。</p>\n<p>下面示例可以通过右上角 <a href=\"#toolbox\">toolbox</a> 中的堆叠切换看效果：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/line-stack-tiled&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
                  "default": null
                },
                "connectNulls": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否连接空数据。</p>\n",
                  "default": false
                },
                "clipOverflow": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否对超出部分裁剪，默认裁剪。</p>\n",
                  "default": true
                },
                "step": {
                  "type": [
                    "string",
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否是阶梯线图。可以设置为 <code>true</code> 显示成阶梯线图，也支持设置成 <code>&#39;start&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;end&#39;</code> 分别配置在当前点，当前点与下个点的中间点，下个点拐弯。</p>\n<p>不同的配置效果如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=line-step&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
                  "default": false
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'top'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>折线拐点标志的样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color",
                            "Function"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "lineStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>线条样式。</p>\n<p><strong>注：</strong> 修改 <code>lineStyle</code> 中的颜色不会影响图例颜色，如果需要图例颜色和折线图颜色一致，需修改 <a href=\"#series-line.itemStyle.normal.color\">itemStyle.normal.color</a>，线条颜色默认也会取改颜色。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 2
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "areaStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>区域填充样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "smooth": {
                  "type": [
                    "false"
                  ],
                  "descriptionCN": "<p>是否平滑曲线显示。</p>\n",
                  "default": false
                },
                "smoothMonotone": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>折线平滑后是否在一个维度上保持单调性，可以设置成<code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>来指明是在 x 轴或者 y 轴上保持单调性。</p>\n<p>通常在双数值轴上使用。</p>\n<p>下面两张图分别是双数值轴中的折线图<code>smoothMonotone</code>不设置以及设置为<code>&#39;x&#39;</code>的区别。</p>\n<ul>\n<li>不设置<code>smoothMonotone</code>:</li>\n</ul>\n<p><img width=\"300\" height=\"auto\" src=\"documents/asset/img/smooth-monotone-none.png\"></p>\n<ul>\n<li>设置为 <code>&#39;x&#39;</code>:</li>\n</ul>\n<p><img width=\"300\" height=\"auto\" src=\"documents/asset/img/smooth-monotone-x.png\"></p>\n"
                },
                "sampling": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>折线图在数据量远大于像素点时候的降采样策略，开启后可以有效的优化图表的绘制效率，默认关闭，也就是全部绘制不过滤数据点。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;average&#39;</code> 取过滤点的平均值</li>\n<li><code>&#39;max&#39;</code> 取过滤点的最大值</li>\n<li><code>&#39;min&#39;</code> 取过滤点的最小值</li>\n<li><code>&#39;sum&#39;</code> 取过滤点的和</li>\n</ul>\n"
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据项的数值。</p>\n"
                      },
                      "symbol": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                        "default": "'circle'"
                      },
                      "symbolSize": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n",
                        "default": 4
                      },
                      "symbolRotate": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                      },
                      "symbolOffset": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                        "default": "[0, 0]"
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个拐点文本的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "top"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个拐点标志的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-line.markPoint.data.x\">x</a>, <a href=\"#series-line.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-line.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-line.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-line.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-line.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-line.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-line.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-line.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-line.markLine.data.0.x\">x</a>, <a href=\"#series-line.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-line.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-line.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-line.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-line.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-line.markArea.data.0.x\">x</a>, <a href=\"#series-line.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-line.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-line.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-line.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-line.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>折线图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>折线图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "linear"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>柱状/条形图</strong></p>\n<p>柱状/条形图 通过 柱形的高度/条形的宽度 来表现数据的大小，用于有至少一个类目轴或时间轴的<a href=\"#grid\">直角坐标系</a>上。</p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'bar'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'inside'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>柱条的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>柱条的描边颜色。</p>\n",
                          "default": "'#000'"
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>柱条的描边宽度，默认不描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "barBorderRadius": {
                          "type": [
                            "number",
                            "Array"
                          ],
                          "descriptionCN": "<p>柱形边框圆角半径，单位px，支持传入数组分别指定柱形4个圆角半径。\n如:</p>\n<pre><code>barBorderRadius: 5, // 统一设置四个角的圆角大小\nbarBorderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）\n</code></pre>",
                          "default": 0
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>柱条的颜色。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>柱条的描边颜色。</p>\n",
                          "default": "'#000'"
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>柱条的描边宽度，默认不描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "stack": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据堆叠，同个类目轴上系列配置相同的<code>stack</code>值可以堆叠放置。</p>\n",
                  "default": null
                },
                "barWidth": {
                  "type": [
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n",
                  "default": "自适应"
                },
                "barMaxWidth": {
                  "type": [
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>柱条的最大宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n",
                  "default": "自适应"
                },
                "barMinHeight": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>柱条最小高度，可用于防止某数据项的值过小而影响交互。</p>\n",
                  "default": 0
                },
                "barGap": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>柱间距离，可设固定值（如 <code>20</code>）或者百分比（如 <code>&#39;30%&#39;</code>，表示柱子宽度的 <code>30%</code>）。</p>\n<p>如果想要两个系列的柱子重叠，可以设置 barGap 为 <code>&#39;-100%&#39;</code>。这在用柱子做背景的时候有用。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/barGrid-barGap&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
                  "default": "30%"
                },
                "barCategoryGap": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>类目间柱形距离，默认为类目间距的20%，可设固定值</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n",
                  "default": "'20%'"
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据项的数值。</p>\n"
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个柱条文本的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "inside"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的颜色。</p>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的描边颜色。</p>\n",
                                "default": "'#000'"
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>柱条的描边宽度，默认不描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "barBorderRadius": {
                                "type": [
                                  "number",
                                  "Array"
                                ],
                                "descriptionCN": "<p>柱形边框圆角半径，单位px，支持传入数组分别指定柱形4个圆角半径。\n如:</p>\n<pre><code>barBorderRadius: 5, // 统一设置四个角的圆角大小\nbarBorderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）\n</code></pre>",
                                "default": 0
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的颜色。</p>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的描边颜色。</p>\n",
                                "default": "'#000'"
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>柱条的描边宽度，默认不描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-bar.markPoint.data.x\">x</a>, <a href=\"#series-bar.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-bar.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-bar.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-bar.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-bar.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-bar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-bar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-bar.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-bar.markLine.data.0.x\">x</a>, <a href=\"#series-bar.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-bar.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-bar.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-bar.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-bar.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-bar.markArea.data.0.x\">x</a>, <a href=\"#series-bar.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-bar.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-bar.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-bar.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-bar.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>柱状图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>柱状图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>饼图</strong></p>\n<p>饼图主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。</p>\n<p><strong>Tip:</strong> 饼图更适合表现数据相对于总数的百分比等关系。如果只是表示不同类目数据间的大小，建议使用 <a href=\"bar\" target=\"_blank\">柱状图</a>，人们对于微小的弧度差别相比于微小的长度差别更不敏感，或者也可以通过配置 <a href=\"#series-pie.roseType\">roseType</a> 显示成南丁格尔图，通过半径大小区分数据的大小。</p>\n<p><strong>下面是自定义南丁格尔图的示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=pie-custom&edit=1&reset=1\" width=\"500\" height=\"400\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'pie'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "hoverAnimation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启 hover 在扇区上的放大动画效果。</p>\n",
                  "default": true
                },
                "selectedMode": {
                  "type": [
                    "boolean",
                    "string"
                  ],
                  "descriptionCN": "<p>选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选<code>&#39;single&#39;</code>，<code>&#39;multiple&#39;</code>，分别表示单选还是多选。</p>\n",
                  "default": false
                },
                "selectedOffset": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>选中扇区的偏移距离。</p>\n",
                  "default": 10
                },
                "clockwise": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>饼图的扇区是否是顺时针排布。</p>\n",
                  "default": true
                },
                "startAngle": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>起始角度，支持范围[0, 360]。</p>\n",
                  "default": 90
                },
                "minAngle": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互。</p>\n",
                  "default": 0
                },
                "roseType": {
                  "type": [
                    "boolean",
                    "string"
                  ],
                  "descriptionCN": "<p>是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：</p>\n<ul>\n<li><code>&#39;radius&#39;</code> 面积展现数据的百分比，半径展现数据的大小。</li>\n<li><code>&#39;area&#39;</code> 所有扇区面积相同，仅通过半径展现数据大小。</li>\n</ul>\n",
                  "default": false
                },
                "avoidLabelOverlap": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用防止标签重叠策略，默认开启，在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。</p>\n<p>如果不需要开启该策略，例如<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=pie-doughnut\" target=\"_blank\">圆环图</a>这个例子中需要强制所有标签放在中心位置，可以将该值设为 <code>false</code>。</p>\n",
                  "default": true
                },
                "stillShowZeroSum": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否在数据和为<code>0</code>（一般情况下所有数据为<code>0</code>） 的时候不显示扇区。</p>\n",
                  "default": true
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>饼图图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;outside&#39;</code></p>\n<p>  饼图扇区外侧，通过<a href=\"#series-pie.labelLine\">视觉引导线</a>连到相应的扇区。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  饼图扇区内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><p><code>&#39;center&#39;</code></p>\n<p>  在饼图中心位置。见<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=pie-doughnut\" target=\"_blank\">圆环图示例</a></p>\n</li>\n</ul>\n",
                          "default": "'outside'"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "",
                          "default": false
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "labelLine": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>标签的视觉引导线样式，在 <a href=\"#series-pie.label.normal.position\">label 位置</a> 设置为<code>&#39;outside&#39;</code>的时候会显示视觉引导线。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>普通状态下视觉引导线的样式。</p>\n",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                        },
                        "length": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>视觉引导线第一段的长度。</p>\n"
                        },
                        "length2": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>视觉引导项第二段的长度。</p>\n"
                        },
                        "smooth": {
                          "type": [
                            "boolean",
                            "number"
                          ],
                          "descriptionCN": "<p>是否平滑视觉引导线，默认不平滑，可以设置成 <code>true</code> 平滑显示，也可以设置为 0 到 1 的值，表示平滑程度。</p>\n",
                          "default": false
                        },
                        "lineStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>高亮状态下视觉引导线的样式。</p>\n",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                        },
                        "lineStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color",
                            "Function"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "center": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>饼图的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。</p>\n<p>支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。</p>\n<p><strong>使用示例：</strong></p>\n<pre><code>// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>",
                  "default": "['50%', '50%']"
                },
                "radius": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>饼图的半径，数组的第一项是内半径，第二项是外半径。</p>\n<p>支持设置成百分比，相对于容器高宽中较小的一项的一半。</p>\n<p>可以将内半径设大显示成圆环图（Donut chart）。</p>\n",
                  "default": "[0, '75%']"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项可以为单个数值，如：</p>\n<pre><code class=\"lang-js\">[12, 34, 56, 10, 23]\n</code></pre>\n<p>如果需要在数据中加入其它维度给 <a href=\"#visualMap\">visualMap</a> 组件用来映射到颜色等其它图形属性。每个数据项也可以是数组，如：</p>\n<pre><code class=\"lang-js\">[[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]\n</code></pre>\n<p>这时候可以将每项数组中的第二个值指定给 <a href=\"#visualMap\">visualMap</a> 组件。</p>\n<p>更多时候我们需要指定每个数据项的名称，这时候需要每个项为一个对象：</p>\n<pre><code class=\"lang-js\">[{\n    // 数据项的名称\n    name: &#39;数据1&#39;,\n    // 数据项值8\n    value: 10\n}, {\n    name: &#39;数据2&#39;,\n    value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n    name: &#39;数据1&#39;,\n    value: 10\n}, {\n    // 数据项名称\n    name: &#39;数据2&#39;,\n    value : 56,\n    //自定义特殊 tooltip，仅对该数据项有效\n    tooltip:{},\n    //自定义特殊itemStyle，仅对该item有效\n    itemStyle:{}\n}]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>数据值。</p>\n"
                      },
                      "selected": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>该数据项是否被选中。</p>\n",
                        "default": false
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个扇区的标签配置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;outside&#39;</code></p>\n<p>  饼图扇区外侧，通过<a href=\"#series-pie.labelLine\">视觉引导线</a>连到相应的扇区。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  饼图扇区内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><p><code>&#39;center&#39;</code></p>\n<p>  在饼图中心位置。见<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=pie-doughnut\" target=\"_blank\">圆环图示例</a></p>\n</li>\n</ul>\n",
                                "default": "'outside'"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "",
                                "default": false
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "labelLine": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>普通状态下视觉引导线的样式。</p>\n",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                              },
                              "length": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>视觉引导线第一段的长度。</p>\n"
                              },
                              "length2": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>视觉引导项第二段的长度。</p>\n"
                              },
                              "smooth": {
                                "type": [
                                  "boolean",
                                  "number"
                                ],
                                "descriptionCN": "<p>是否平滑视觉引导线，默认不平滑，可以设置成 <code>true</code> 平滑显示，也可以设置为 0 到 1 的值，表示平滑程度。</p>\n",
                                "default": false
                              },
                              "lineStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "\"#000\""
                                  },
                                  "width": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>线宽。</p>\n",
                                    "default": 1
                                  },
                                  "type": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                    "default": "solid"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>高亮状态下视觉引导线的样式。</p>\n",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                              },
                              "lineStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "\"#000\""
                                  },
                                  "width": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>线宽。</p>\n",
                                    "default": 1
                                  },
                                  "type": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                    "default": "solid"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-pie.markPoint.data.x\">x</a>, <a href=\"#series-pie.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-pie.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-pie.markLine.data.0.x\">x</a>, <a href=\"#series-pie.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li>通过 <a href=\"#series-pie.markArea.data.0.x\">x</a>, <a href=\"#series-pie.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animationType": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画效果，可选</p>\n<ul>\n<li><code>&#39;expansion&#39;</code> 默认研圆弧展开的效果。</li>\n<li><code>&#39;scale&#39;</code> 缩放效果，配合设置 <code>animationEasing=&#39;elasticOut&#39;</code> 可以做成 popup 的效果。</li>\n</ul>\n",
                  "default": "'expansion'"
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p>散点（气泡）图。<a href=\"#grid\">直角坐标系</a>上的散点图可以用来展现数据的 <code>x</code>，<code>y</code> 之间的关系，如果数据项有多个维度，其它维度的值可以通过不同大小的 <a href=\"#series-scatter.symbol\">symbol</a> 展现成气泡图，也可以用颜色来表现。这些可以配合 <a href=\"#visualMap\">visualMap</a> 组件完成。</p>\n<p>可以应用在<a href=\"#grid\">直角坐标系</a>，<a href=\"#polar\">极坐标系</a>，<a href=\"#geo\">地理坐标系</a>上。</p>\n<p><strong>Tip:</strong> ECharts 2.x 中在地图上通过 markPoint 标记大量数据点方式在 ECharts 3 中建议通过<a href=\"#geo\">地理坐标系</a>上的 scatter 实现。下面示例就是在中国地图上用散点图展现了空气质量的分布。并且用 <a href=\"#visualMap\">visualMap</a> 组件将 PM2.5 映射到了颜色。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=scatter-map&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'scatter'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-bar.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-bar.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "polarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "geoIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "calendarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "hoverAnimation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启鼠标 hover 的提示动画效果。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "symbol": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                  "default": "'circle'"
                },
                "symbolSize": {
                  "type": [
                    "number",
                    "Array",
                    "Function"
                  ],
                  "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-scatter.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                  "default": 10
                },
                "symbolRotate": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                },
                "symbolOffset": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                  "default": "[0, 0]"
                },
                "large": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启大规模散点图的优化，在数据图形特别多的时候（&gt;=5k）可以开启。</p>\n<p>开启后配合 <a href=\"#series-scatter.largeThreshold\">largeThreshold</a> 在数据量大于指定阈值的时候对绘制进行优化。</p>\n<p>缺点：优化后不能自定义设置单个数据项的样式。</p>\n",
                  "default": true
                },
                "largeThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>开启绘制优化的阈值。</p>\n",
                  "default": 2000
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'inside'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color",
                            "Function"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>数据项值。</p>\n"
                      },
                      "symbol": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "symbolSize": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                      },
                      "symbolRotate": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                      },
                      "symbolOffset": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                        "default": "[0, 0]"
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "inside"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个数据点（气泡）的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-scatter.markPoint.data.x\">x</a>, <a href=\"#series-scatter.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-scatter.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-scatter.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-scatter.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-scatter.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-scatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-scatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-scatter.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-scatter.markLine.data.0.x\">x</a>, <a href=\"#series-scatter.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-scatter.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-scatter.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-scatter.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-scatter.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-scatter.markArea.data.0.x\">x</a>, <a href=\"#series-scatter.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-scatter.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-scatter.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-scatter.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-scatter.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>散点图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>散点图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p>带有涟漪特效动画的散点（气泡）图。利用动画特效可以将某些想要突出的数据进行视觉突出。</p>\n<p><strong>Tip:</strong> ECharts 2.x 中在地图上通过 markPoint 实现地图特效在 ECharts 3 中建议通过地理坐标系上的 effectScatter 实现。</p>\n<p><strong>如下示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=effectScatter-map&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'effectScatter'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "effectType": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>特效类型，目前只支持涟漪特效<code>&#39;ripple&#39;</code>。</p>\n",
                  "default": "'ripple'"
                },
                "showEffectOn": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>配置何时显示特效。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;render&#39;</code> 绘制完成后显示特效。</li>\n<li><code>&#39;emphasis&#39;</code> 高亮（hover）的时候显示特效。</li>\n</ul>\n",
                  "default": "'render'"
                },
                "rippleEffect": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>涟漪特效相关配置。</p>\n",
                  "properties": {
                    "period": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>动画的时间。</p>\n",
                      "default": 4
                    },
                    "scale": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>动画中波纹的最大缩放比例。</p>\n",
                      "default": 2.5
                    },
                    "brushType": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>波纹的绘制方式，可选 <code>&#39;stroke&#39;</code> 和 <code>&#39;fill&#39;</code>。</p>\n",
                      "default": "'fill'"
                    }
                  }
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-bar.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-bar.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "polarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "geoIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "calendarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "symbol": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                  "default": "'circle'"
                },
                "symbolSize": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n",
                  "default": 10
                },
                "symbolRotate": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                },
                "symbolOffset": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                  "default": "[0, 0]"
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'inside'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color",
                            "Function"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "symbol": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                        "default": "'circle'"
                      },
                      "symbolSize": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n",
                        "default": 4
                      },
                      "symbolRotate": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                      },
                      "symbolOffset": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                        "default": "[0, 0]"
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "inside"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-effectScatter.markPoint.data.x\">x</a>, <a href=\"#series-effectScatter.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-effectScatter.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-effectScatter.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-effectScatter.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-effectScatter.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-effectScatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-effectScatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-effectScatter.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-effectScatter.markLine.data.0.x\">x</a>, <a href=\"#series-effectScatter.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-effectScatter.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-effectScatter.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-effectScatter.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-effectScatter.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-effectScatter.markArea.data.0.x\">x</a>, <a href=\"#series-effectScatter.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-effectScatter.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-effectScatter.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-effectScatter.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-effectScatter.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>雷达图</strong></p>\n<p>雷达图主要用于表现多变量的数据，例如球员的各个属性分析。依赖 <a href=\"#radar\">radar</a> 组件。</p>\n<p>下面是 AQI 数据用雷达图表现的示例。</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=radar-aqi&edit=1&reset=1\" width=\"600\" height=\"500\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'radar'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "radarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>雷达图所使用的 <a href=\"#radar\">radar</a> 组件的 index。</p>\n"
                },
                "symbol": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                  "default": "'circle'"
                },
                "symbolSize": {
                  "type": [
                    "number",
                    "Array",
                    "Function"
                  ],
                  "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-radar.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                  "default": 4
                },
                "symbolRotate": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                },
                "symbolOffset": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                  "default": "[0, 0]"
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'top'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>折线拐点标志的样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color",
                            "Function"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "lineStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>线条样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 1
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 1
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "areaStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>区域填充样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>雷达图的数据是多变量（维度）的，如下示例：</p>\n<pre><code class=\"lang-js\">data : [\n    {\n        value : [4300, 10000, 28000, 35000, 50000, 19000],\n        name : &#39;预算分配（Allocated Budget）&#39;\n    },\n    {\n        value : [5000, 14000, 28000, 31000, 42000, 21000],\n        name : &#39;实际开销（Actual Spending）&#39;\n    }\n]\n</code></pre>\n<p>其中的<code>value</code>项数组是具体的数据，每个值跟 <a href=\"#radar.indicator\">radar.indicator</a> 一一对应。</p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据项的数值。</p>\n"
                      },
                      "symbol": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                        "default": "'circle'"
                      },
                      "symbolSize": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n",
                        "default": 4
                      },
                      "symbolRotate": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                      },
                      "symbolOffset": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                        "default": "[0, 0]"
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个拐点文本的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "top"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个拐点标志的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的颜色。</p>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的描边颜色。</p>\n",
                                "default": "'#000'"
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>柱条的描边宽度，默认不描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的颜色。</p>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>柱条的描边颜色。</p>\n",
                                "default": "'#000'"
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>柱条的描边宽度，默认不描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "lineStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单项线条样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "width": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>线宽。</p>\n",
                                "default": 1
                              },
                              "type": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                "default": "solid"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "width": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>线宽。</p>\n",
                                "default": 1
                              },
                              "type": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                "default": "solid"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "areaStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单项区域填充样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>雷达图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>雷达图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><a href=\"https://en.wikipedia.org/wiki/Treemapping\" target=\"_blank\">Treemap</a> 是一种常见的表达『层级数据』『树状数据』的可视化形式。它主要用面积的方式，便于突出展现出『树』的各层级中重要的节点。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=treemap-obama&edit=1&reset=1\" width=\"700\" height=\"580\" ></iframe>\n\n\n\n<p><br>\n<strong>视觉映射：</strong></p>\n<p>treemap 首先是把数值映射到『面积』这种视觉元素上。</p>\n<p>此外，也支持对数据的其他维度进行视觉映射，例如映射到颜色、颜色明暗度上。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br>\n<strong>下钻（drill down）：</strong></p>\n<p><code>drill down</code> 功能即点击后才展示子层级。\n设置了 <a href=\"#series-treemap.leafDepth\">leafDepth</a> 后，下钻（<code>drill down</code>）功能开启。</p>\n<p><strong>如下是 drill down 的例子：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=treemap-drill-down&edit=1&reset=1\" width=\"800\" height=\"500\" ></iframe>\n\n\n\n<p><br>\n<br>\n<br>\n注：treemap 的配置项 和 ECharts2 相比有一些变化，一些不太成熟的配置方式不再支持或不再兼容：</p>\n<ul>\n<li><p><code>center/size</code> 方式的定位不再支持，而是统一使用 <code>left/top/bottom/right/width/height</code> 方式定位。</p>\n</li>\n<li><p><code>breadcrumb</code> 的配置被移动到了 <code>itemStyle.normal/itemStyle.emphasis</code> 外部，和 <code>itemStyle</code> 平级。</p>\n</li>\n<li><p><code>root</code> 的设置暂时不支持。目前可以使用 <code>zoom</code> 的方式来查看树更下层次的细节，或者使用 <a href=\"#series-treemap.leafDepth\">leafDepth</a> 开启 &quot;drill down&quot; 功能。</p>\n</li>\n<li><p><code>label</code> 的配置被移动到了 <code>itemStyle.normal/itemStyle.emphasis</code> 外部，和 <code>itemStyle</code> 平级。</p>\n</li>\n<li><p><code>itemStyle.normal.childBorderWidth</code>、<code>itemStyle.normal.childBorderColor</code>不再支持（因为这个配置方式只能定义两层的treemap）。统一使用 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 来进行各层级的定义。</p>\n</li>\n</ul>\n<p><br>\n<br></p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'treemap'"
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>treemap 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "center"
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>treemap 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "middle"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>treemap 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>treemap 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                },
                "width": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>treemap 组件的宽度。</p>\n",
                  "default": "80%"
                },
                "height": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>treemap 组件的高度。</p>\n",
                  "default": "80%"
                },
                "squareRatio": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>期望矩形长宽比率。布局计算时会尽量向这个比率靠近。</p>\n<p>默认为黄金比：<code>0.5 * (1 + Math.sqrt(5))</code>。</p>\n"
                },
                "leafDepth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>设置了 <code>leafDepth</code> 后，下钻（<code>drill down</code>）功能开启。<code>drill down</code> 功能即点击后才展示子层级。</p>\n<p><code>leafDepth</code> 表示『展示几层』，层次更深的节点则被隐藏起来。点击则可下钻看到层次更深的节点。</p>\n<p>例如，<code>leafDepth</code> 设置为 <code>1</code>，表示展示一层节点。</p>\n<p>默认没有开启 <code>drill down</code>（即 <code>leafDepth</code> 为 <code>null</code> 或 <code>undefined</code>）。</p>\n<p><strong>drill down 的例子：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=treemap-drill-down&edit=1&reset=1\" width=\"800\" height=\"500\" ></iframe>\n\n",
                  "default": null
                },
                "drillDownIcon": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>当节点可以下钻时的提示符。只能是字符。</p>\n",
                  "default": "'▶'"
                },
                "roam": {
                  "type": [
                    "boolean",
                    "string"
                  ],
                  "descriptionCN": "<p>是否开启拖拽漫游（移动和缩放）。可取值有：</p>\n<ul>\n<li><code>false</code>：关闭。</li>\n<li><code>&#39;scale&#39;</code> 或 <code>&#39;zoom&#39;</code>：只能够缩放。</li>\n<li><code>&#39;move&#39;</code> 或 <code>&#39;pan&#39;</code>：只能够平移。</li>\n<li><code>true</code>：缩放和平移均可。</li>\n</ul>\n",
                  "default": true
                },
                "nodeClick": {
                  "type": [
                    "boolean",
                    "string"
                  ],
                  "descriptionCN": "<p>点击节点后的行为。可取值为：</p>\n<ul>\n<li><code>false</code>：节点点击无反应。</li>\n<li><code>&#39;zoomToNode&#39;</code>：点击节点后缩放到节点。</li>\n<li><code>&#39;link&#39;</code>：如果节点数据中有 <a href=\"#series-treemap.data.link\">link</a> 点击节点后会进行超链接跳转。</li>\n</ul>\n",
                  "default": "'zoomToNode'"
                },
                "zoomToNodeRatio": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>点击某个节点，会自动放大那个节点到合适的比例（节点占可视区域的面积比例），这个配置项就是这个比例。</p>\n",
                  "default": "0.32*0.32"
                },
                "levels": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p><strong>多层配置</strong></p>\n<p>treemap 中采用『三级配置』：</p>\n<pre><code>『每个节点』-&gt;『每个层级』-&gt;『每个系列』。\n</code></pre><p>即我们可以对每个节点进行配置，也可以对树的每个层级进行配置，也可以 series 上设置全局配置。节点上的设置，优先级最高。</p>\n<p>最常用的是『每个层级进行配置』，<code>levels</code> 配置项就是每个层级的配置。例如：</p>\n<pre><code class=\"lang-javascript\">// Notice that in fact the data structure is not &quot;tree&quot;, but is &quot;forest&quot;.\n// 注意，这个数据结构实际不是『树』而是『森林』\ndata: [\n    {\n        name: &#39;nodeA&#39;,\n        children: [\n            {name: &#39;nodeAA&#39;},\n            {name: &#39;nodeAB&#39;},\n        ]\n    },\n    {\n        name: &#39;nodeB&#39;,\n        children: [\n            {name: &#39;nodeBA&#39;}\n        ]\n    }\n],\nlevels: [\n    {...}, // 『森林』的顶层配置。即含有 &#39;nodeA&#39;, &#39;nodeB&#39; 的这层。\n    {...}, // 下一层配置，即含有 &#39;nodeAA&#39;, &#39;nodeAB&#39;, &#39;nodeBA&#39; 的这层。\n    {...}, // 再下一层配置。\n    ...\n]\n</code></pre>\n<p><br>\n<strong>视觉映射的规则</strong></p>\n<p>treemap中首要关注的是如何在视觉上较好得区分『不同层级』、『同层级中不同类别』。这需要合理得设置不同层级的『矩形颜色』、『边界粗细』、『边界颜色』甚至『矩形颜色饱和度』等。</p>\n<p>参见这个<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-disk&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，最顶层级用颜色区分，分成了『红』『绿』『蓝』等大块。每个颜色块中是下一个层级，使用颜色的饱和度来区分（参见 <code>colorSaturation</code>）。最外层的矩形边界是『白色』，下层级的矩形边界是当前区块颜色加上饱和度处理（参见 <code>borderColorSaturation</code>）。</p>\n<p><code>treemap</code> 是通过这样的规则来支持这种配置的：每个层级计算用户配置的 <code>color</code>、<code>colorSaturation</code>、<code>borderColor</code>、<code>colorSaturation</code>等视觉信息（在levels中配置）。如果子节点没有配置，则继承父的配置，否则使用自己的配置）。</p>\n<p>这样，可以做到：父层级配置 <code>color</code> 列表，子层级配置 <code>colorSaturation</code>。父层级的每个节点会从 <code>color</code> 列表中得到一个颜色，子层级的节点会从 <code>colorSaturation</code> 中得到一个值，并且继承父节点得到的颜色，合成得到自己的最终颜色。</p>\n<p><br>\n<strong>维度与『额外的视觉映射』</strong></p>\n<p>例子：每一个 <code>value</code> 字段是一个 Array，其中每个项对应一个维度（dimension）。</p>\n<pre><code class=\"lang-javascript\">[\n    {\n        value: [434, 6969, 8382],\n        children: [\n            {\n                value: [1212, 4943, 5453],\n                id: &#39;someid-1&#39;,\n                name: &#39;description of this node&#39;,\n                children: [...]\n            },\n            {\n                value: [4545, 192, 439],\n                id: &#39;someid-2&#39;,\n                name: &#39;description of this node&#39;,\n                children: [...]\n            },\n            ...\n        ]\n    },\n    {\n        value: [23, 59, 12],\n        children: [...]\n    },\n    ...\n]\n</code></pre>\n<p>treemap 默认把第一个维度（Array 第一项）映射到『面积』上。而如果想表达更多信息，用户可以把其他的某一个维度（<a href=\"#series-treemap.viusalDimension\">series-treemap.visualDimension</a>），映射到其他的『视觉元素』上，比如颜色明暗等。参见<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>中，legend选择 <code>Growth</code>时的状态。</p>\n<p><br></p>\n<p><strong>矩形边框（border）/缝隙（gap）设置如何避免混淆</strong></p>\n<p>如果统一用一种颜色设置矩形的缝隙（gap），那么当不同层级的矩形同时展示时可能会出现混淆。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，注意其中红色的区块中的子矩形其实是更深层级，和其他用白色缝隙区分的矩形不是在一个层级。所以，红色区块中矩形的分割线的颜色，我们在 <code>borderColorSaturation</code> 中设置为『加了饱和度变化的红颜色』，以示区别。</p>\n<p><br>\n<strong>borderWidth, gapWidth, borderColor 的解释</strong></p>\n<p><img width=\"500\" height=\"auto\" src=\"documents/asset/img/treemap-border-gap.png\"></p>\n",
                  "default": "[]",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "visualDimension": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p><code>treemap</code> 中支持对数据其他维度进行视觉映射。</p>\n<p>首先，treemap的数据格式（参见 <a href=\"#series-treemap.data\">series-treemap.data</a>）中，每个节点的 <code>value</code> 都可以是数组。数组每项是一个『维度』（dimension）。<code>visualDimension</code> 指定了额外的『视觉映射』使用的是数组的哪一项。默认为第 <code>0</code> 项。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visualDimension</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": 0
                      },
                      "visualMin": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>当前层级的最小 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n",
                        "default": null
                      },
                      "visualMax": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>当前层级的最大 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n",
                        "default": null
                      },
                      "color": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>表示同一层级的节点的 颜色 选取列表（选择规则见 <a href=\"#series-treemap.colorMappingBy\">colorMappingBy</a>）。默认为空时，选取系统color列表。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>color</code> 属性可能在多处地方存在：</p>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"
                      },
                      "colorAlpha": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>表示同一层级的节点的 颜色透明度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorAlpha</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorAlpha</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": null
                      },
                      "colorSaturation": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>表示同一层级的节点的 颜色饱和度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorSaturation</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorSaturation</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": null
                      },
                      "colorMappingBy": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>表示同一层级节点，在颜色列表中（参见 <code>color</code> 属性）选择时，按照什么来选择。可选值：</p>\n<ul>\n<li><code>&#39;value&#39;</code>：</li>\n</ul>\n<p>将节点的值（即 <a href=\"#series-treemap.data.value\">series-treemap.data.value</a>）映射到颜色列表中。</p>\n<p>这样得到的颜色，反应了节点值的大小。</p>\n<p>可以使用 <a href=\"#series-treemap.levels.visualDimension\">visualDimension</a> 属性来设置，用 <a href=\"#series-treemap.data\">data</a> 中哪个纬度的值来映射。</p>\n<ul>\n<li><code>&#39;index&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>index</code>（序号）映射到颜色列表中。即同一层级中，第一个节点取颜色列表中第一个颜色，第二个节点取第二个。</p>\n<p>这样得到的颜色，便于区分相邻节点。</p>\n<ul>\n<li><code>&#39;id&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>id</code>（即 <a href=\"#series-treemap.data.id\">series-treemap.data.id</a>）映射到颜色列表中。<code>id</code> 是用户指定的，这样能够使得，在treemap 通过 setOption 变化数值时，同一 <code>id</code> 映射到同一颜色，保持一致性。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorMappingBy</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": "'index'"
                      },
                      "visibleMin": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>如果某个节点的矩形的面积，小于这个数值（单位：px平方），这个节点就不显示。</p>\n<p>如果不加这个限制，很小的节点会影响显示效果。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": 10
                      },
                      "childrenVisibleMin": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>如果某个节点的矩形面积，小于这个数值（单位：px平方），则不显示这个节点的子节点。</p>\n<p>这能够在矩形面积不足够大时候，隐藏节点的细节。当用户用鼠标缩放节点时，如果面积大于此阈值，又会显示子节点。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>childrenVisibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": null
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p><code>label</code> 描述了每个矩形中，文本标签的样式。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>label</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n<p><br></p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示文本标签。</p>\n",
                                "default": true
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "'inside'"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "ellipsis": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>当文字超出矩形边界的时候，是否超出部分替换为省略号。</p>\n",
                                    "default": true
                                  },
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "'#fff'"
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  },
                                  "align": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字水平对齐方式，可选值 <code>&#39;center&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  },
                                  "baseline": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字竖直对齐方式，可选值 <code>&#39;middle&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示文本标签。</p>\n",
                                "default": true
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "'inside'"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "ellipsis": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>当文字超出矩形边界的时候，是否超出部分替换为省略号。</p>\n",
                                    "default": true
                                  },
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "'#fff'"
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  },
                                  "align": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字水平对齐方式，可选值 <code>&#39;center&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  },
                                  "baseline": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字竖直对齐方式，可选值 <code>&#39;middle&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>itemStyle</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n<p><br></p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n",
                                "default": null
                              },
                              "colorAlpha": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形颜色的透明度。取值范围是 0 ~ 1 之间的浮点数。</p>\n",
                                "default": null
                              },
                              "colorSaturation": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n",
                                "default": null
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形边框线宽。为 0 时无边框。而矩形的内部子矩形（子节点）的间隔距离是由 <a href=\"#series-treemap.levels.gapWidth\">gapWidth</a> 指定的。</p>\n",
                                "default": 0
                              },
                              "gapWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形内部子矩形（子节点）的间隔距离。</p>\n<p><img width=\"700\" height=\"auto\" src=\"documents/asset/img/treemap-border-gap.png\"></p>\n",
                                "default": 0
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形边框 和 矩形间隔（gap）的颜色。</p>\n",
                                "default": "'#fff',"
                              },
                              "borderColorSaturation": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形边框的颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n<p>注意：</p>\n<p>如果设置此属性，则 <code>borderColor</code> 的设置无效，而是：取当前节点计算出的颜色（比如从父节点遗传而来），在此颜色值上设置 <code>borderColorSaturation</code> 得到最终颜色。这种方式，能够做出『不同区块有不同色调的矩形间隔线』的效果，能够便于区分层级。</p>\n<p><br></p>\n<p><strong>矩形边框（border）/缝隙（gap）设置如何避免混淆</strong></p>\n<p>如果统一用一种颜色设置矩形的缝隙（gap），那么当不同层级的矩形同时展示时可能会出现混淆。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，注意其中红色的区块中的子矩形其实是更深层级，和其他用白色缝隙区分的矩形不是在一个层级。所以，红色区块中矩形的分割线的颜色，我们在 <code>borderColorSaturation</code> 中设置为『加了饱和度变化的红颜色』，以示区别。</p>\n",
                                "default": null
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n",
                                "default": null
                              }
                            }
                          }
                        }
                      },
                      "silent": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                        "default": false
                      }
                    }
                  }
                },
                "visualDimension": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p><code>treemap</code> 中支持对数据其他维度进行视觉映射。</p>\n<p>首先，treemap的数据格式（参见 <a href=\"#series-treemap.data\">series-treemap.data</a>）中，每个节点的 <code>value</code> 都可以是数组。数组每项是一个『维度』（dimension）。<code>visualDimension</code> 指定了额外的『视觉映射』使用的是数组的哪一项。默认为第 <code>0</code> 项。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visualDimension</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                  "default": 0
                },
                "visualMin": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>当前层级的最小 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n",
                  "default": null
                },
                "visualMax": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>当前层级的最大 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n",
                  "default": null
                },
                "colorAlpha": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>本系列默认的 颜色透明度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorAlpha</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorAlpha</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                  "default": null
                },
                "colorSaturation": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>本系列默认的 颜色饱和度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorSaturation</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorSaturation</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                  "default": null
                },
                "colorMappingBy": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>表示同一层级节点，在颜色列表中（参见 <code>color</code> 属性）选择时，按照什么来选择。可选值：</p>\n<ul>\n<li><code>&#39;value&#39;</code>：</li>\n</ul>\n<p>将节点的值（即 <a href=\"#series-treemap.data.value\">series-treemap.data.value</a>）映射到颜色列表中。</p>\n<p>这样得到的颜色，反应了节点值的大小。</p>\n<p>可以使用 <a href=\"#series-treemap.levels.visualDimension\">visualDimension</a> 属性来设置，用 <a href=\"#series-treemap.data\">data</a> 中哪个纬度的值来映射。</p>\n<ul>\n<li><code>&#39;index&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>index</code>（序号）映射到颜色列表中。即同一层级中，第一个节点取颜色列表中第一个颜色，第二个节点取第二个。</p>\n<p>这样得到的颜色，便于区分相邻节点。</p>\n<ul>\n<li><code>&#39;id&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>id</code>（即 <a href=\"#series-treemap.data.id\">series-treemap.data.id</a>）映射到颜色列表中。<code>id</code> 是用户指定的，这样能够使得，在treemap 通过 setOption 变化数值时，同一 <code>id</code> 映射到同一颜色，保持一致性。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorMappingBy</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                  "default": "'index'"
                },
                "visibleMin": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>如果某个节点的矩形的面积，小于这个数值（单位：px平方），这个节点就不显示。</p>\n<p>如果不加这个限制，很小的节点会影响显示效果。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                  "default": 10
                },
                "childrenVisibleMin": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>如果某个节点的矩形面积，小于这个数值（单位：px平方），则不显示这个节点的子节点。</p>\n<p>这能够在矩形面积不足够大时候，隐藏节点的细节。当用户用鼠标缩放节点时，如果面积大于此阈值，又会显示子节点。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>childrenVisibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                  "default": null
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p><code>label</code> 描述了每个矩形中，文本标签的样式。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>label</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n<p><br></p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示文本标签。</p>\n",
                          "default": true
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'inside'"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "ellipsis": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>当文字超出矩形边界的时候，是否超出部分替换为省略号。</p>\n",
                              "default": true
                            },
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "'#fff'"
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            },
                            "align": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字水平对齐方式，可选值 <code>&#39;center&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                              "default": "undefined"
                            },
                            "baseline": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字竖直对齐方式，可选值 <code>&#39;middle&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                              "default": "undefined"
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示文本标签。</p>\n",
                          "default": true
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'inside'"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "ellipsis": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>当文字超出矩形边界的时候，是否超出部分替换为省略号。</p>\n",
                              "default": true
                            },
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "'#fff'"
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            },
                            "align": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字水平对齐方式，可选值 <code>&#39;center&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                              "default": "undefined"
                            },
                            "baseline": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字竖直对齐方式，可选值 <code>&#39;middle&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                              "default": "undefined"
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>itemStyle</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n<p><br></p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n",
                          "default": null
                        },
                        "colorAlpha": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>矩形颜色的透明度。取值范围是 0 ~ 1 之间的浮点数。</p>\n",
                          "default": null
                        },
                        "colorSaturation": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>矩形颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n",
                          "default": null
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>矩形边框线宽。为 0 时无边框。而矩形的内部子矩形（子节点）的间隔距离是由 <a href=\"#series-treemap.levels.gapWidth\">gapWidth</a> 指定的。</p>\n",
                          "default": 0
                        },
                        "gapWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>矩形内部子矩形（子节点）的间隔距离。</p>\n<p><img width=\"700\" height=\"auto\" src=\"documents/asset/img/treemap-border-gap.png\"></p>\n",
                          "default": 0
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>矩形边框 和 矩形间隔（gap）的颜色。</p>\n",
                          "default": "'#fff',"
                        },
                        "borderColorSaturation": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>矩形边框的颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n<p>注意：</p>\n<p>如果设置此属性，则 <code>borderColor</code> 的设置无效，而是：取当前节点计算出的颜色（比如从父节点遗传而来），在此颜色值上设置 <code>borderColorSaturation</code> 得到最终颜色。这种方式，能够做出『不同区块有不同色调的矩形间隔线』的效果，能够便于区分层级。</p>\n<p><br></p>\n<p><strong>矩形边框（border）/缝隙（gap）设置如何避免混淆</strong></p>\n<p>如果统一用一种颜色设置矩形的缝隙（gap），那么当不同层级的矩形同时展示时可能会出现混淆。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，注意其中红色的区块中的子矩形其实是更深层级，和其他用白色缝隙区分的矩形不是在一个层级。所以，红色区块中矩形的分割线的颜色，我们在 <code>borderColorSaturation</code> 中设置为『加了饱和度变化的红颜色』，以示区别。</p>\n",
                          "default": null
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n",
                          "default": null
                        }
                      }
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    }
                  }
                },
                "breadcrumb": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>面包屑，能够显示当前节点的路径。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示面包屑。</p>\n",
                      "default": true
                    },
                    "left": {
                      "type": [
                        "string",
                        "number"
                      ],
                      "descriptionCN": "<p>asdf 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                      "default": "'center'"
                    },
                    "top": {
                      "type": [
                        "string",
                        "number"
                      ],
                      "descriptionCN": "<p>asdf 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                      "default": "'auto'"
                    },
                    "right": {
                      "type": [
                        "string",
                        "number"
                      ],
                      "descriptionCN": "<p>asdf 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                      "default": "'auto'"
                    },
                    "bottom": {
                      "type": [
                        "string",
                        "number"
                      ],
                      "descriptionCN": "<p>asdf 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                      "default": 0
                    },
                    "height": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>面包屑的高度。</p>\n",
                      "default": 22
                    },
                    "emptyItemWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>当面包屑没有内容时候，设个最小宽度。</p>\n",
                      "default": 25
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "*"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>boxplot图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "rgba(0,0,0,0.7)"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>boxplot图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "rgba(255,255,255,0.7)"
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>boxplot描边线宽。为 0 时无描边。</p>\n",
                              "default": 1
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                              "default": 3
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                              "default": "rgba(150,150,150,1)"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "#fff"
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "*"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>boxplot图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "rgba(0,0,0,0.7)"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>boxplot图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "rgba(255,255,255,0.7)"
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>boxplot描边线宽。为 0 时无描边。</p>\n",
                              "default": 1
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                              "default": 3
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                              "default": "rgba(150,150,150,1)"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "#fff"
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p><a href=\"#series-treemap.data\">series-treemap.data</a> 的数据格式是树状的，例如：</p>\n<pre><code class=\"lang-javascript\">[ // 注意，最外层是一个数组，而非从某个根节点开始。\n    {\n        value: 1212,\n        children: [\n            {\n                value: 2323,    // value字段的值，对应到面积大小。\n                                // 也可以是数组，如 [2323, 43, 55]，则数组第一项对应到面积大小。\n                                // 数组其他项可以用于额外的视觉映射，详情参见 series-treemp.levels。\n                id: &#39;someid-1&#39;, // id 不是必须设置的。\n                                // 但是如果想使用 API 来改变某个节点，需要用 id 来定位。\n                name: &#39;description of this node&#39;, // 显示在矩形中的描述文字。\n                children: [...],\n                label: {        // 此节点特殊的 label 定义（如果需要的话）。\n                    ...         // label的格式参见 series-treemap.label。\n                },\n                itemStyle: {    // 此节点特殊的 itemStyle 定义（如果需要的话）。\n                    ...         // label的格式参见 series-treemap.itemStyle。\n                }\n            },\n            {\n                value: 4545,\n                id: &#39;someid-2&#39;,\n                name: &#39;description of this node&#39;,\n                children: [\n                    {\n                        value: 5656,\n                        id: &#39;someid-3&#39;,\n                        name: &#39;description of this node&#39;,\n                        children: [...]\n                    },\n                    ...\n                ]\n            }\n        ]\n    },\n    {\n        value: [23, 59, 12]\n        // 如果没有children，可以不写\n    },\n    ...\n]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "value": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>每个树节点的值，对应到面积大小。可以是number，也可以是数组，如 <code>[2323, 43, 55]</code>，则数组第一项对应到面积大小。</p>\n"
                      },
                      "id": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>每个树节点的id。id 不是必须设置的。但是如果想使用 API 来改变某个节点，需要用 id 来定位。</p>\n"
                      },
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>显示在矩形中的描述文字。</p>\n"
                      },
                      "visualDimension": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p><code>treemap</code> 中支持对数据其他维度进行视觉映射。</p>\n<p>首先，treemap的数据格式（参见 <a href=\"#series-treemap.data\">series-treemap.data</a>）中，每个节点的 <code>value</code> 都可以是数组。数组每项是一个『维度』（dimension）。<code>visualDimension</code> 指定了额外的『视觉映射』使用的是数组的哪一项。默认为第 <code>0</code> 项。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visualDimension</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": 0
                      },
                      "visualMin": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>当前层级的最小 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n",
                        "default": null
                      },
                      "visualMax": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>当前层级的最大 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n",
                        "default": null
                      },
                      "color": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>表示同一层级的节点的 颜色 选取列表（选择规则见 <a href=\"#series-treemap.colorMappingBy\">colorMappingBy</a>）。默认为空时，选取系统color列表。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>color</code> 属性可能在多处地方存在：</p>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"
                      },
                      "colorAlpha": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>表示同一层级的节点的 颜色透明度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorAlpha</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorAlpha</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": null
                      },
                      "colorSaturation": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>表示同一层级的节点的 颜色饱和度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorSaturation</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorSaturation</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": null
                      },
                      "colorMappingBy": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>表示同一层级节点，在颜色列表中（参见 <code>color</code> 属性）选择时，按照什么来选择。可选值：</p>\n<ul>\n<li><code>&#39;value&#39;</code>：</li>\n</ul>\n<p>将节点的值（即 <a href=\"#series-treemap.data.value\">series-treemap.data.value</a>）映射到颜色列表中。</p>\n<p>这样得到的颜色，反应了节点值的大小。</p>\n<p>可以使用 <a href=\"#series-treemap.levels.visualDimension\">visualDimension</a> 属性来设置，用 <a href=\"#series-treemap.data\">data</a> 中哪个纬度的值来映射。</p>\n<ul>\n<li><code>&#39;index&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>index</code>（序号）映射到颜色列表中。即同一层级中，第一个节点取颜色列表中第一个颜色，第二个节点取第二个。</p>\n<p>这样得到的颜色，便于区分相邻节点。</p>\n<ul>\n<li><code>&#39;id&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>id</code>（即 <a href=\"#series-treemap.data.id\">series-treemap.data.id</a>）映射到颜色列表中。<code>id</code> 是用户指定的，这样能够使得，在treemap 通过 setOption 变化数值时，同一 <code>id</code> 映射到同一颜色，保持一致性。参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=treemap-obama&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorMappingBy</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": "'index'"
                      },
                      "visibleMin": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>如果某个节点的矩形的面积，小于这个数值（单位：px平方），这个节点就不显示。</p>\n<p>如果不加这个限制，很小的节点会影响显示效果。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": 10
                      },
                      "childrenVisibleMin": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>如果某个节点的矩形面积，小于这个数值（单位：px平方），则不显示这个节点的子节点。</p>\n<p>这能够在矩形面积不足够大时候，隐藏节点的细节。当用户用鼠标缩放节点时，如果面积大于此阈值，又会显示子节点。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>childrenVisibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n",
                        "default": null
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p><code>label</code> 描述了每个矩形中，文本标签的样式。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>label</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n<p><br></p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示文本标签。</p>\n",
                                "default": true
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "'inside'"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "ellipsis": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>当文字超出矩形边界的时候，是否超出部分替换为省略号。</p>\n",
                                    "default": true
                                  },
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "'#fff'"
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  },
                                  "align": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字水平对齐方式，可选值 <code>&#39;center&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  },
                                  "baseline": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字竖直对齐方式，可选值 <code>&#39;middle&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示文本标签。</p>\n",
                                "default": true
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "'inside'"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "ellipsis": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>当文字超出矩形边界的时候，是否超出部分替换为省略号。</p>\n",
                                    "default": true
                                  },
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "'#fff'"
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  },
                                  "align": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字水平对齐方式，可选值 <code>&#39;center&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  },
                                  "baseline": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字竖直对齐方式，可选值 <code>&#39;middle&#39;</code>、<code>&#39;right</code>、<code>&#39;left&#39;</code></p>\n",
                                    "default": "undefined"
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>itemStyle</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n<p><br></p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n",
                                "default": null
                              },
                              "colorAlpha": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形颜色的透明度。取值范围是 0 ~ 1 之间的浮点数。</p>\n",
                                "default": null
                              },
                              "colorSaturation": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n",
                                "default": null
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形边框线宽。为 0 时无边框。而矩形的内部子矩形（子节点）的间隔距离是由 <a href=\"#series-treemap.levels.gapWidth\">gapWidth</a> 指定的。</p>\n",
                                "default": 0
                              },
                              "gapWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>矩形内部子矩形（子节点）的间隔距离。</p>\n<p><img width=\"700\" height=\"auto\" src=\"documents/asset/img/treemap-border-gap.png\"></p>\n",
                                "default": 0
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形边框 和 矩形间隔（gap）的颜色。</p>\n",
                                "default": "'#fff',"
                              },
                              "borderColorSaturation": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形边框的颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n<p>注意：</p>\n<p>如果设置此属性，则 <code>borderColor</code> 的设置无效，而是：取当前节点计算出的颜色（比如从父节点遗传而来），在此颜色值上设置 <code>borderColorSaturation</code> 得到最终颜色。这种方式，能够做出『不同区块有不同色调的矩形间隔线』的效果，能够便于区分层级。</p>\n<p><br></p>\n<p><strong>矩形边框（border）/缝隙（gap）设置如何避免混淆</strong></p>\n<p>如果统一用一种颜色设置矩形的缝隙（gap），那么当不同层级的矩形同时展示时可能会出现混淆。</p>\n<p>参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=doc-example/treemap-borderColor&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，注意其中红色的区块中的子矩形其实是更深层级，和其他用白色缝隙区分的矩形不是在一个层级。所以，红色区块中矩形的分割线的颜色，我们在 <code>borderColorSaturation</code> 中设置为『加了饱和度变化的红颜色』，以示区别。</p>\n",
                                "default": null
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n",
                                "default": null
                              }
                            }
                          }
                        }
                      },
                      "silent": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                        "default": false
                      },
                      "link": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>点击此节点可跳转的超链接。须 <a href=\"#series-treemap.nodeClick\">series-treemap.nodeClick</a> 值为 <code>&#39;link&#39;</code> 时才生效。</p>\n<p>参见 <a href=\"#series-treemap.data.target\">series-treemap.data.target</a>。</p>\n"
                      },
                      "target": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>意义同 <code>html</code> <code>&lt;a&gt;</code> 标签中的 <code>target</code>，参见 <a href=\"#series-treemap.data.link\">series-treemap.data.link</a>。可选值为：<code>&#39;blank&#39;</code> 或 <code>&#39;self&#39;</code>。</p>\n",
                        "default": "'blank'"
                      },
                      "children": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>子节点，递归定义，格式同 <a href=\"#series-treemap.data\">series-treemap.data</a>。</p>\n"
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1500
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "quinticInOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><a href=\"https://en.wikipedia.org/wiki/Box_plot\" target=\"_blank\">Boxplot</a> 中文可以称为『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』，是一种用作显示一组数据分散情况资料的统计图。它能显示出一组数据的最大值、最小值、中位数、下四分位数及上四分位数。</p>\n<p><strong>示例如下：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=boxplot-light-velocity&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p><br>\n也支持多个 <code>series</code> 在同一个坐标系中，参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=boxplot-multi&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<p><br>\n<br></p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'boxplot'"
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "hoverAnimation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启 hover 在 box 上的动画效果。</p>\n",
                  "default": true
                },
                "layout": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>布局方式，可选值：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平排布各个 box。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直排布各个 box。</p>\n</li>\n</ul>\n<p>默认值根据当前坐标系状况决定：如果 <code>category</code> 轴为横轴，则水平排布；否则竖直排布；如果没有 <code>category</code> 轴则水平排布。</p>\n",
                  "default": null
                },
                "boxWidth": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>box 的宽度的上下限。数组的意思是：<code>[min, max]</code>。</p>\n<p>可以是绝对数值，如 <code>[7, 50]</code>，也可以是百分比，如 <code>[&#39;40%&#39;, &#39;90%&#39;]</code>。百分比的意思是，最大可能宽度（bandWidth）的百分之多少。</p>\n",
                  "default": "[7, 50]"
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>boxplot 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>boxplot图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#fff"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>boxplot图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>boxplot描边线宽。为 0 时无描边。</p>\n",
                          "default": 1
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>boxplot图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#fff"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>boxplot图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>boxplot描边线宽。为 0 时无描边。</p>\n",
                          "default": 2
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                          "default": 5
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                          "default": "rgba(0,0,0,0.4)"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 2
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 2
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>数据格式是如下的二维数组。</p>\n<pre><code class=\"lang-javascript\">[\n    [655, 850, 940, 980, 1175],\n    [672.5, 800, 845, 885, 1012.5],\n    [780, 840, 855, 880, 940],\n    [621.25, 767.5, 815, 865, 1011.25],\n    { // 数据项也可以是 Object，从而里面能含有对此数据项的特殊设置。\n        value: [713.75, 807.5, 810, 870, 963.75],\n        itemStyle: {...}\n    },\n    ...\n]\n</code></pre>\n<p>二维数组的每一数组项（上例中的每行）是渲染一个box，它含有五个量值，依次是：</p>\n<pre><code class=\"lang-javascript\">[min,  Q1,  median (or Q2),  Q3,  max]\n</code></pre>\n<p><strong>数据的处理</strong></p>\n<p>ECharts 并不内置对原始数据的处理，输入给 <code>boxplot</code> 的数据须是如上五个统计结果量值。</p>\n<p>但是 ECharts 也额外提供了简单的 <a href=\"https://github.com/ecomfe/echarts/tree/dev-3.0.0/extension/dataTool\" target=\"_blank\">原始数据处理函数</a>，如这个 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=boxplot-light-velocity&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a> 使用了<code>echarts.dataTool.prepareBoxplotData</code> 来进行简单的数据统计。</p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>数据值。</p>\n<pre><code class=\"lang-javascript\">[min,  Q1,  median (or Q2),  Q3,  max]\n</code></pre>\n"
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>boxplot 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": ""
                          },
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>boxplot图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "#fff"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>boxplot图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                            "default": "\"#000\""
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>boxplot描边线宽。为 0 时无描边。</p>\n",
                            "default": 2
                          },
                          "borderType": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                            "default": "'solid'"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                            "default": 5
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                            "default": "rgba(0,0,0,0.4)"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 2
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 2
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": ""
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-boxplot.markPoint.data.x\">x</a>, <a href=\"#series-boxplot.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-boxplot.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-boxplot.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-boxplot.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-boxplot.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-boxplot.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-boxplot.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-boxplot.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-boxplot.markLine.data.0.x\">x</a>, <a href=\"#series-boxplot.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-boxplot.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-boxplot.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-boxplot.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-boxplot.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-boxplot.markArea.data.0.x\">x</a>, <a href=\"#series-boxplot.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-boxplot.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-boxplot.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-boxplot.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-boxplot.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>盒须图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>盒须图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 800
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "elasticOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><a href=\"https://en.wikipedia.org/wiki/Candlestick_chart\" target=\"_blank\">Candlestick</a> 即我们常说的 <code>K线图</code>。</p>\n<p>在 ECharts3 中，同时支持 <code>&#39;candlestick&#39;</code> 和 <code>&#39;k&#39;</code>这两种 <code>&#39;series.type&#39;</code>（<code>&#39;k&#39;</code> 会被自动转为 <code>&#39;candlestick&#39;</code>）。</p>\n<p><strong>示例如下：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=candlestick-sh&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n<p><br>\n<strong>关于『涨』『跌』的颜色：</strong></p>\n<p>不同国家或地区对于 K线图 的颜色定义不一样，可能是『红涨绿跌』或『红涨蓝跌』（如大陆、台湾、日本、韩国等），可能是『绿涨红跌』（如西方国家、香港、新加坡等）。K线图也不一定要用红蓝、红绿来表示涨跌，也可以是『有色/无色』等表示方法。</p>\n<p>默认配置项，采用的是『红涨蓝跌』。如果想更改这个颜色配置，在这些配置项中更改即可：</p>\n<ul>\n<li><a href=\"#series-candlestick.itemStyle.normal.color\">series-candlestick.itemStyle.normal.color</a>：阳线填充色（即『涨』）</li>\n<li><a href=\"#series-candlestick.itemStyle.normal.color0\">series-candlestick.itemStyle.normal.color0</a>：阴线填充色（即『跌』）</li>\n<li><a href=\"#series-candlestick.itemStyle.normal.borderColor\">series-candlestick.itemStyle.normal.borderColor</a>：阳线边框色（即『涨』）</li>\n<li><a href=\"series-candlestick.itemStyle.normal.borderColor0\" target=\"_blank\">series-candlestick.itemStyle.normal.borderColor0</a>：阴线边框色（即『跌』）</li>\n</ul>\n<p><br>\n<br></p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'candlestick'"
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "hoverAnimation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启 hover 在 box 上的动画效果。</p>\n",
                  "default": true
                },
                "layout": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>布局方式，可选值：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平排布各个 box。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直排布各个 box。</p>\n</li>\n</ul>\n<p>默认值根据当前坐标系状况决定：如果 <code>category</code> 轴为横轴，则水平排布；否则竖直排布；如果没有 <code>category</code> 轴则水平排布。</p>\n",
                  "default": null
                },
                "barWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定柱宽度。可以使用绝对数值（如 <code>10</code>）或百分比（如 <code>&#39;20%&#39;</code>，表示 band width 的百分之多少）。默认自适应。</p>\n"
                },
                "barMinWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定柱最大宽度。可以使用绝对数值（如 <code>10</code>）或百分比（如 <code>&#39;20%&#39;</code>，表示 band width 的百分之多少）。默认自适应。</p>\n"
                },
                "barMaxWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定柱最小宽度。可以使用绝对数值（如 <code>10</code>）或百分比（如 <code>&#39;20%&#39;</code>，表示 band width 的百分之多少）。默认自适应。</p>\n"
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>candlestick 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阳线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#c23531"
                        },
                        "color0": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阴线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#314656"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阳线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#c23531"
                        },
                        "borderColor0": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阴线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#314656"
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>candlestick 描边线宽。为 0 时无描边。</p>\n",
                          "default": 1
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阳线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#c23531"
                        },
                        "color0": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阴线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#314656"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阳线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#c23531"
                        },
                        "borderColor0": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p><code>阴线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#314656"
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>candlestick 描边线宽。为 0 时无描边。</p>\n",
                          "default": 2
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>数据格式是如下的二维数组。</p>\n<pre><code class=\"lang-javascript\">[\n    [2320.26, 2320.26, 2287.3,  2362.94],\n    [2300,    2291.3,  2288.26, 2308.38],\n    { // 数据项也可以是 Object，从而里面能含有对此数据项的特殊设置。\n        value: [2300,    2291.3,  2288.26, 2308.38],\n        itemStyle: {...}\n    },\n    ...\n]\n</code></pre>\n<p>二维数组的每一数组项（上例中的每行）是渲染一个box，它含有四个量值，依次是：</p>\n<pre><code class=\"lang-javascript\">[open, close, lowest, highest] （即：[开盘值, 收盘值, 最低值, 最高值]）\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>数据项值。</p>\n<pre><code class=\"lang-javascript\">[open, close, lowest, highest] （即：[开盘值, 收盘值, 最低值, 最高值]）\n</code></pre>\n"
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>candlestick 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": ""
                          },
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p><code>阳线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "#c23531"
                          },
                          "color0": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p><code>阴线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "#314656"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p><code>阳线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "#c23531"
                          },
                          "borderColor0": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p><code>阴线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "#314656"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>candlestick 描边线宽。为 0 时无描边。</p>\n",
                            "default": 2
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": ""
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-candlestick.markPoint.data.x\">x</a>, <a href=\"#series-candlestick.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-candlestick.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-candlestick.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-candlestick.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-candlestick.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-candlestick.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-candlestick.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-candlestick.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-candlestick.markLine.data.0.x\">x</a>, <a href=\"#series-candlestick.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-candlestick.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-candlestick.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-candlestick.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-candlestick.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-candlestick.markArea.data.0.x\">x</a>, <a href=\"#series-candlestick.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-candlestick.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-candlestick.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-candlestick.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-candlestick.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>K线图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>K线图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "linear"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>热力图</strong></p>\n<p>热力图主要通过颜色去表现数值的大小，必须要配合 <a href=\"#visualMap\">visualMap</a> 组件使用。</p>\n<p>可以应用在<a href=\"#grid\">直角坐标系</a>以及<a href=\"#geo\">地理坐标系</a>上，这两个坐标系上的表现形式相差很大，直角坐标系上必须要使用两个类目轴。</p>\n<p>下面分别是直角坐标系和地理坐标系上应用的例子：</p>\n<p><strong>直角坐标系：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=heatmap-cartesian&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n<p><strong>地理坐标系：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=heatmap-map&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'heatmap'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-heatmap.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-heatmap.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-heatmap.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "geoIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "calendarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "blurSize": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>每个点模糊的大小，在地理坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;geo&#39;)上有效。</p>\n",
                  "default": 20
                },
                "minOpacity": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>最小的透明度，在地理坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;geo&#39;)上有效。</p>\n",
                  "default": 0
                },
                "maxOpacity": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>最大的透明度，在地理坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;geo&#39;)上有效。</p>\n",
                  "default": 1
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>数据项值。</p>\n"
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>在直角坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;cartesian2d&#39;)上有效。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "inside"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个数据点的样式设置，在直角坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;cartesian2d&#39;)上有效。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-heatmap.markPoint.data.x\">x</a>, <a href=\"#series-heatmap.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-heatmap.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-heatmap.markLine.data.0.x\">x</a>, <a href=\"#series-heatmap.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li>通过 <a href=\"#series-heatmap.markArea.data.0.x\">x</a>, <a href=\"#series-heatmap.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>热力图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>热力图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>地图。</strong></p>\n<p>地图主要用于地理区域数据的可视化，配合 <a href=\"#visualMap\">visualMap</a> 组件用于展示不同区域的人口分布密度等数据。</p>\n<p>多个<a href=\"#series-map.map\">地图类型</a>相同的系列会在同一地图上显示，这时候使用第一个系列的配置项作为地图绘制的配置。</p>\n<p><strong>Tip: </strong>在 ECharts 3 中不再建议在地图类型的图表使用 <code>markLine</code> 和 <code>markPoint</code>。如果要实现点数据或者线数据的可视化，可以使用在<a href=\"#geo\">地理坐标系组件</a>上的<a href=\"#series-scatter\">散点图</a>和<a href=\"#series-lines\">线图</a>。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/map-example&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'map'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "map": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>地图类型。</p>\n<p>ECharts 3 中因为地图精度的提高，不再内置地图数据增大代码体积，你可以在<a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">地图下载界面</a>下载到需要的地图文件引入并注册到 ECharts 中。</p>\n<p>ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。</p>\n<p>下面是两种类型的使用示例：</p>\n<p><strong> JavaScript 引入示例 </strong></p>\n<pre><code class=\"lang-html\">&lt;script src=&quot;echarts.js&quot;&gt;&lt;/script&gt;\n&lt;script src=&quot;map/js/china.js&quot;&gt;&lt;/script&gt;\n&lt;script&gt;\nvar chart = echarts.init(document.getElementById(&#39;main&#39;));\nchart.setOption({\n    series: [{\n        type: &#39;map&#39;,\n        map: &#39;china&#39;\n    }]\n});\n&lt;/script&gt;\n</code></pre>\n<p><strong> JSON 引入示例 </strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/json/china.json&#39;, function (chinaJson) {\n    echarts.registerMap(&#39;china&#39;, chinaJson);\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        series: [{\n            type: &#39;map&#39;,\n            map: &#39;china&#39;\n        }]\n    });\n});\n</code></pre>\n<p>ECharts 使用 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 格式的数据作为地图的轮廓，除了上述数据，你也可以通过其它手段获取地图的 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 数据注册到 ECharts 中。参见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=map-usa\" target=\"_blank\">USA Population Estimates</a></p>\n",
                  "default": "''"
                },
                "roam": {
                  "type": [
                    "boolean",
                    "string"
                  ],
                  "descriptionCN": "<p>是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 <code>&#39;scale&#39;</code> 或者 <code>&#39;move&#39;</code>。设置成 <code>true</code> 为都开启</p>\n",
                  "default": false
                },
                "center": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>当前视角的中心点，用经纬度表示</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">center: [115.97, 29.71]\n</code></pre>\n"
                },
                "aspectScale": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>这个参数用于 scale 地图的长宽比。</p>\n<p>最终的 <code>aspect</code> 的计算方式是：<code>geoBoundingRect.width / geoBoundingRect.height * aspectScale</code></p>\n",
                  "default": 0.75
                },
                "boundingCoords": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>二维数组，定义定位的左上角以及右下角分别所对应的经纬度。例如</p>\n<pre><code class=\"lang-js\">// 设置为一张完整经纬度的世界地图\nmap: &#39;world&#39;,\nleft: 0, top: 0, right: 0, bottom: 0,\nboundingCoords: [\n    // 定位左上角经纬度\n    [-180, 90],\n    // 定位右下角经纬度\n    [180, -90]\n],\n</code></pre>\n",
                  "default": null
                },
                "zoom": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>当前视角的缩放比例。</p>\n",
                  "default": 1
                },
                "scaleLimit": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>滚轮缩放的极限控制，通过<code>min</code>, <code>max</code>最小和最大的缩放值，默认的缩放为<code>1</code>。</p>\n",
                  "properties": {
                    "min": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>最小的缩放值</p>\n"
                    },
                    "max": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>最大的缩放值</p>\n"
                    }
                  }
                },
                "nameMap": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>自定义地区的名称映射，如：</p>\n<pre><code class=\"lang-js\">{\n    &#39;China&#39; : &#39;中国&#39;\n}\n</code></pre>\n"
                },
                "selectedMode": {
                  "type": [
                    "boolean",
                    "string"
                  ],
                  "descriptionCN": "<p>选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选<code>&#39;single&#39;</code>表示单选，或者<code>&#39;multiple&#39;</code>表示多选。</p>\n",
                  "default": false
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否在普通状态下显示标签。</p>\n",
                          "default": false
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>普通状态下的标签文本样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否在高亮状态下显示标签。</p>\n",
                          "default": false
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>高亮状态下的标签文本样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>地图区域的多边形 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>普通状态下的多边形样式。</p>\n",
                      "properties": {
                        "areaColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>地图区域的颜色。</p>\n",
                          "default": "'#eee'"
                        },
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>高亮状态下的多边形样式。</p>\n",
                      "properties": {
                        "areaColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>地图区域的颜色。</p>\n",
                          "default": "'#eee'"
                        },
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "'auto'"
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "'auto'"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                },
                "layoutCenter": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p><code>layoutCenter</code> 和 <code>layoutSize</code> 提供了除了 <code>left/right/top/bottom/width/height</code> 之外的布局手段。</p>\n<p>在使用 <code>left/right/top/bottom/width/height</code> 的时候，可能很难在保持地图高宽比的情况下把地图放在某个盒形区域的正中间，并且保证不超出盒形的范围。此时可以通过 <code>layoutCenter</code> 属性定义地图中心在屏幕中的位置，<code>layoutSize</code> 定义地图的大小。如下示例</p>\n<pre><code class=\"lang-js\">layoutCenter: [&#39;30%&#39;, &#39;30%&#39;],\n// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域\nlayoutSize: 100\n</code></pre>\n<p>设置这两个值后 <code>left/right/top/bottom/width/height</code> 无效。</p>\n",
                  "default": null
                },
                "layoutSize": {
                  "type": [
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>地图的大小，见 <code>layoutCenter</code>。支持相对于屏幕宽高的百分比或者绝对的像素大小。</p>\n"
                },
                "geoIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>默认情况下，map series 会自己生成内部专用的 <code>geo</code> 组件。但是也可以用这个 <code>geoIndex</code> 指定一个 <a href=\"#geo\">geo</a> 组件。这样的话，map 和 其他 series（例如散点图）就可以共享一个 <a href=\"#geo\">geo</a> 组件了。并且，<a href=\"#geo\">geo</a> 组件的颜色也可以被这个 map series 控制，从而用 <a href=\"#visualMap\">visualMap</a> 来更改。</p>\n<p>当设定了 <code>geoIndex</code> 后，<a href=\"#series-map.map\">series-map.map</a> 属性，以及 <a href=\"#series-map.itemStyle\">series-map.itemStyle</a> 等样式配置不再起作用，而是采用 <a href=\"#geo\">geo</a> 中的相应属性。</p>\n<p>参见：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=geo-map-scatter&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
                  "default": null
                },
                "mapValueCalculation": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>多个拥有相同<a href=\"#series-map.map\">地图类型</a>的系列会使用同一个地图展现，如果多个系列都在同一个区域有值，ECharts 会对这些值统计得到一个数据。这个配置项就是用于配置统计的方式，目前有：</p>\n<ul>\n<li><code>&#39;sum&#39;</code>   取和。</li>\n<li><code>&#39;average&#39;</code> 取平均值。</li>\n<li><code>&#39;max&#39;</code>   取最大值。</li>\n<li><code>&#39;min&#39;</code>   取最小值。</li>\n</ul>\n",
                  "default": "'sum'"
                },
                "showLegendSymbol": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>在图例相应区域显示图例的颜色标识（系列标识的小圆点），存在 <a href=\"#legend\">legend</a> 组件时生效。</p>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>地图系列中的数据内容数组。数组项可以为单个数值，如：</p>\n<pre><code class=\"lang-js\">[12, 34, 56, 10, 23]\n</code></pre>\n<p>如果需要在数据中加入其它维度给 <a href=\"#visualMap\">visualMap</a> 组件用来映射到颜色等其它图形属性。每个数据项也可以是数组，如：</p>\n<pre><code class=\"lang-js\">[[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]\n</code></pre>\n<p>这时候可以将每项数组中的第二个值指定给 <a href=\"#visualMap\">visualMap</a> 组件。</p>\n<p>更多时候我们需要指定每个数据项的名称，这时候需要每个项为一个对象：</p>\n<pre><code class=\"lang-js\">[{\n    // 数据项的名称\n    name: &#39;数据1&#39;,\n    // 数据项值8\n    value: 10\n}, {\n    name: &#39;数据2&#39;,\n    value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n    name: &#39;数据1&#39;,\n    value: 10\n}, {\n    // 数据项名称\n    name: &#39;数据2&#39;,\n    value : 56,\n    //自定义特殊 tooltip，仅对该数据项有效\n    tooltip:{},\n    //自定义特殊itemStyle，仅对该item有效\n    itemStyle:{}\n}]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据所对应的地图区域的名称，例如 <code>&#39;广东&#39;</code>，<code>&#39;浙江&#39;</code>。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>该区域的数据值。</p>\n"
                      },
                      "selected": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>该区域是否选中。</p>\n",
                        "default": false
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该数据所在区域的多边形样式设置</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "areaColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>地图区域的颜色。</p>\n"
                              },
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "areaColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>地图区域的颜色。</p>\n"
                              },
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该数据所在区域的标签样式设置</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否在普通状态下显示标签。</p>\n",
                                "default": false
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>普通状态下的标签文本样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否在高亮状态下显示标签。</p>\n",
                                "default": false
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>高亮状态下的标签文本样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-map.markPoint.data.x\">x</a>, <a href=\"#series-map.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-map.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-map.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-map.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-map.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-map.markLine.data.0.x\">x</a>, <a href=\"#series-map.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-map.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-map.markArea.data.0.x\">x</a>, <a href=\"#series-map.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-map.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p>平行坐标系的系列。</p>\n<p><br></p>\n<hr>\n<p><strong>平行坐标系介绍</strong></p>\n<p><a href=\"https://en.wikipedia.org/wiki/Parallel_coordinates\" target=\"_blank\">平行坐标系（Parallel Coordinates）</a> 是一种常用的可视化高维数据的图表。</p>\n<p>例如 <a href=\"#series-parallel.data\">series-parallel.data</a> 中有如下数据：</p>\n<pre><code class=\"lang-javascript\">[\n    [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n    [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n    [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n    [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n    { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n        value: [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;]\n        lineStyle: {...},\n    }\n    ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p>平行坐标系适用于对这种多维数据进行可视化分析。每一个维度（每一列）对应一个坐标轴，每一个『数据项』是一条线，贯穿多个坐标轴。在坐标轴上，可以进行数据选取等操作。如下：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/parallel-all&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p><br></p>\n<hr>\n<p><strong>配置方式概要</strong></p>\n<p>『平行坐标系』的 <code>option</code> 基本配置如下例：</p>\n<pre><code class=\"lang-javascript\">option = {\n    parallelAxis: [                     // 这是一个个『坐标轴』的定义\n        {dim: 0, name: schema[0].text}, // 每个『坐标轴』有个 &#39;dim&#39; 属性，表示坐标轴的维度号。\n        {dim: 1, name: schema[1].text},\n        {dim: 2, name: schema[2].text},\n        {dim: 3, name: schema[3].text},\n        {dim: 4, name: schema[4].text},\n        {dim: 5, name: schema[5].text},\n        {dim: 6, name: schema[6].text},\n        {dim: 7, name: schema[7].text,\n            type: &#39;category&#39;,           // 坐标轴也可以支持类别型数据\n            data: [&#39;优&#39;, &#39;良&#39;, &#39;轻度污染&#39;, &#39;中度污染&#39;, &#39;重度污染&#39;, &#39;严重污染&#39;]\n        }\n    ],\n    parallel: {                         // 这是『坐标系』的定义\n        left: &#39;5%&#39;,                     // 平行坐标系的位置设置\n        right: &#39;13%&#39;,\n        bottom: &#39;10%&#39;,\n        top: &#39;20%&#39;,\n        parallelAxisDefault: {          // 『坐标轴』的公有属性可以配置在这里避免重复书写\n            type: &#39;value&#39;,\n            nameLocation: &#39;end&#39;,\n            nameGap: 20\n        }\n    },\n    series: [                           // 这里三个系列共用一个平行坐标系\n        {\n            name: &#39;北京&#39;,\n            type: &#39;parallel&#39;,           // 这个系列类型是 &#39;parallel&#39;\n            data: [\n                [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n                [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n                ...\n            ]\n        },\n        {\n            name: &#39;上海&#39;,\n            type: &#39;parallel&#39;,\n            data: [\n                [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n                [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n                ...\n            ]\n        },\n        {\n            name: &#39;广州&#39;,\n            type: &#39;parallel&#39;,\n            data: [\n                [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n                [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;],\n                ...\n            ]\n        }\n    ]\n};\n</code></pre>\n<p>需要涉及到三个组件：<a href=\"#parallel\">parallel</a>、<a href=\"#parallelAxis\">parallelAxis</a>、<a href=\"#series-parallel\">series-parallel</a></p>\n<ul>\n<li><p><a href=\"#parallel\">parallel</a></p>\n<p>  这个配置项是平行坐标系的『坐标系』本身。一个系列（<code>series</code>）或多个系列（如上图中的『北京』、『上海』、『广州』分别各是一个系列）可以共用这个『坐标系』。</p>\n<p>  和其他坐标系一样，坐标系也可以创建多个。</p>\n<p>  位置设置，也是放在这里进行。</p>\n</li>\n<li><p><a href=\"#parallelAxis\">parallelAxis</a></p>\n<p>  这个是『坐标系』中的坐标轴的配置。自然，需要有多个坐标轴。</p>\n<p>  其中有 <a href=\"#parallelAxis.parallelIndex\">parallelAxis.parallelIndex</a> 属性，指定这个『坐标轴』在哪个『坐标系』中。默认使用第一个『坐标系』。</p>\n</li>\n<li><p><a href=\"#series-parallel\">series-parallel</a></p>\n<p>  这个是『系列』的定义。系列被画到『坐标系』上。</p>\n<p>  其中有 <a href=\"#series-parallel.parallelIndex\">series-parallel.parallelIndex</a> 属性，指定使用哪个『坐标系』。默认使用第一个『坐标系』。</p>\n</li>\n</ul>\n<p><br></p>\n<hr>\n<p><strong>配置注意和最佳实践</strong></p>\n<p>配置多个 <a href=\"#parallelAxis\">parallelAxis</a> 时，有些值一样的属性，如果书写多遍则比较繁琐，那么可以放置在 <a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里。在坐标轴初始化前，<a href=\"#parallel.parallelAxisDefault\">parallel.parallelAxisDefault</a> 里的配置项，会分别融合进 <a href=\"#parallelAxis\">parallelAxis</a>，形成最终的坐标轴的配置。</p>\n<p><strong>如果数据量很大并且发生卡顿</strong></p>\n<p>建议把 <a href=\"#series-parallel.lineStyle.normal.width\">series-parallel.lineStyle.normal.width</a> 设为 <code>0.5</code>（或更小），\n可能显著改善性能。</p>\n<p><br></p>\n<hr>\n<p><strong>高维数据的显示</strong></p>\n<p>维度比较多时，比如有 50+ 的维度，那么就会有 50+ 个轴。那么可能会页面显示不下。</p>\n<p>可以通过 <a href=\"#parallel.axisExpandable\">parallel.axisExpandable</a> 来改善显示效果，如下例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=map-parallel-prices&edit=1&reset=1\" width=\"600\" height=\"460\" ></iframe>\n\n\n\n\n\n\n\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'parallel'"
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;parallel&#39;</code></p>\n<p>  使用平行坐标系，通过 <a href=\"#series-parallel.parallelIndex\">parallelIndex</a> 指定相应的平行坐标系组件</p>\n</li>\n</ul>\n",
                  "default": "'parallel'"
                },
                "parallelIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#parallel\">平行坐标系</a>的 index，在单个图表实例中存在多个平行坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "lineStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>线条样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 2
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
                          "default": 0.45
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 2
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
                          "default": 0.45
                        }
                      }
                    }
                  }
                },
                "inactiveOpacity": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>框选时，未被选中的条线会设置成这个『透明度』（从而可以达到变暗的效果）。</p>\n",
                  "default": 0.05
                },
                "activeOpacity": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>框选时，选中的条线会设置成这个『透明度』（从而可以达到高亮的效果）。</p>\n",
                  "default": 1
                },
                "realtime": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否实时刷新。</p>\n",
                  "default": true
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>例如 <a href=\"#series-parallel.data\">series-parallel.data</a> 中有如下数据：</p>\n<pre><code class=\"lang-javascript\">[\n    [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n    [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n    [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n    [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n    { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n        value: [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;]\n        lineStyle: {...},\n    }\n    ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>数据项值。</p>\n"
                      },
                      "lineStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>线条样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": ""
                          },
                          "color": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                            "default": "\"#000\""
                          },
                          "width": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>线宽。</p>\n",
                            "default": 2
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                            "default": "solid"
                          },
                          "shadowBlur": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                          },
                          "shadowColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                          },
                          "shadowOffsetX": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "shadowOffsetY": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                            "default": 0
                          },
                          "opacity": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
                            "default": 0.45
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": ""
                          }
                        }
                      }
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>平行坐标所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>平行坐标组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "linear"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>线图</strong></p>\n<p>用于带有起点和终点信息的线数据的绘制，主要用于地图上的航线，路线的可视化。</p>\n<p>ECharts 2.x 里会用地图上的 <code>markLine</code> 去绘制迁徙效果，在 ECharts 3 里建议使用单独的 <code>lines</code> 类型图表。</p>\n<p><strong>迁徙示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=geo-lines&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'lines'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-lines.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-lines.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-lines.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件</p>\n</li>\n</ul>\n",
                  "default": "'geo'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "geoIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "polyline": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否是多段线。</p>\n<p>默认为 <code>false</code>，只能用于绘制只有两个端点的线段，线段可以通过 <a href=\"#series-lines.lineStyle.normal.curveness\">lineStyle.normal.curveness</a> 配置为曲线。</p>\n<p>如果该配置项为 <code>true</code>，则可以在 <a href=\"#series-lines.data.coords\">data.coords</a> 中设置多于 2 个的顶点用来绘制多段线，在绘制路线轨迹的时候比较有用，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=lines-bmap-bus\" target=\"_blank\">北京公交路线</a>，设置为多段线后 <a href=\"#series-lines.lineStyle.normal.curveness\">lineStyle.normal.curveness</a> 无效。</p>\n",
                  "default": false
                },
                "effect": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>线特效的配置，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=geo-lines\" target=\"_blank\">模拟迁徙</a> 和 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=lines-bmap-effect\" target=\"_blank\">北京公交路线</a></p>\n<p><strong>注意：</strong> 所有带有尾迹特效的图表需要单独放在一个层，也就是需要单独设置 <a href=\"#series-lines.zlevel\">zlevel</a>，同时建议关闭该层的动画（<a href=\"#series-lines.animation\">animation</a>: false）。不然位于同个层的其它系列的图形，和动画的<a href=\"#series-lines.label\">标签</a>也会产生不必要的残影。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示特效。</p>\n",
                      "default": false
                    },
                    "period": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>特效动画的时间，单位为 s。</p>\n",
                      "default": 4
                    },
                    "delay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>特效动画的延时，支持设置成数字或者回调。单位<code>ms</code></p>\n"
                    },
                    "constantSpeed": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>配置特效图形的移动动画是否是固定速度，单位<code>像素/秒</code>，设置为大于 0 的值后会忽略 <a href=\"#series-lines.effect.period\">period</a> 配置项。</p>\n",
                      "default": 0
                    },
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>特效图形的标记。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>上面示例中就是使用自定义 path 的 symbol 表现飞机的图形。</p>\n<p><strong>Tip:</strong> symbol 的角度会随着轨迹的切线变化，如果使用自定义 path 的 symbol，需要保证 path 图形的朝向是朝上的，这样在 symbol 沿着轨迹运动的时候可以保证图形始终朝着运动的方向。</p>\n",
                      "default": "'circle'"
                    },
                    "symbolSize": {
                      "type": [
                        "Array",
                        "number"
                      ],
                      "descriptionCN": "<p>特效标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示高和宽，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n",
                      "default": 3
                    },
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>特效标记的颜色，默认取 <a href=\"#series-lines.lineStyle.normal.color\">lineStyle.normal.color</a>。</p>\n"
                    },
                    "trailLength": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>特效尾迹的长度。取从 0 到 1 的值，数值越大尾迹越长。</p>\n",
                      "default": 0.2
                    },
                    "loop": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否循环显示特效。</p>\n",
                      "default": true
                    }
                  }
                },
                "large": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用大规模线图的优化，在数据图形特别多的时候（&gt;=5k）可以开启。</p>\n<p>开启后配合 <a href=\"#series-lines.largeThreshold\">largeThreshold</a> 在数据量大于指定阈值的时候对绘制进行优化。</p>\n<p>缺点：优化后不能自定义设置单个数据项的样式，不能启用 <a href=\"#series-lines.effect\">effect</a>。</p>\n",
                  "default": false
                },
                "largeThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>开启绘制优化的阈值。</p>\n",
                  "default": 2000
                },
                "symbol": {
                  "type": [
                    "string",
                    "Array"
                  ],
                  "descriptionCN": "<p>线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定。\n具体支持的格式可以参考 <a href=\"#series-line.markLine.data.0.symbol\">标线的 symbol</a></p>\n",
                  "default": "'none'"
                },
                "symbolSize": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。\n<strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n",
                  "default": 10
                },
                "lineStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。 默认从<a href=\"#color\">option.color 调色盘</a> 获取颜色</p>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "'自适应'"
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 1
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
                          "default": 0.5
                        },
                        "curveness": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                          "default": 0
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 1
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>标签相关配置。在 <a href=\"#series-lines.polyline\">polyline</a> 设置为 <code>true</code> 时无效。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                          "default": "'end'"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                          "default": "'end'"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>线数据集。</p>\n<p><strong>注：</strong> 为了更好点支持多段线的配置，线数据的格式在 3.2.0 做了一定调整，如下：</p>\n<pre><code class=\"lang-js\">// 3.2.0 之前\n// [{\n//    // 起点坐标\n//    coord: [120, 66],\n//    lineStyle: { normal: {} }\n// }, {\n//    // 终点坐标\n//    coord: [122, 67]\n// }]\n\n// 从 3.2.0 起改为如下配置\n{\n    coords: [\n        [120, 66],  // 起点\n        [122, 67]   // 终点\n        ...         // 如果 polyline 为 true 还可以设置更多的点\n    ],\n    // 统一的样式设置\n    lineStyle: {\n        normal: {}\n    }\n}\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据名称</p>\n"
                      },
                      "coords": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>一个包含两个到多个二维坐标的数组。在 <a href=\"#series-lines.polyline\">polyline</a> 设置为 <code>true</code> 时支持多于两个的坐标。</p>\n"
                      },
                      "lineStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个数据（单条线）的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "width": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>线宽。</p>\n",
                                "default": 1
                              },
                              "type": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                "default": "solid"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              },
                              "curveness": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                "default": 0
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "width": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>线宽。</p>\n",
                                "default": 1
                              },
                              "type": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                "default": "solid"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              },
                              "curveness": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                "default": 0
                              }
                            }
                          }
                        }
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个数据（单条线）的标签设置。在 <a href=\"#series-lines.polyline\">polyline</a> 设置为 <code>true</code> 时无效。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                "default": "'end'"
                              },
                              "formatter": {
                                "type": [
                                  "string",
                                  "Function"
                                ],
                                "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                "default": "'end'"
                              },
                              "formatter": {
                                "type": [
                                  "string",
                                  "Function"
                                ],
                                "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-lines.markPoint.data.x\">x</a>, <a href=\"#series-lines.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-lines.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-lines.markLine.data.0.x\">x</a>, <a href=\"#series-lines.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li>通过 <a href=\"#series-lines.markArea.data.0.x\">x</a>, <a href=\"#series-lines.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>线图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>线图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>关系图</strong></p>\n<p>用于展现节点以及节点之间的关系数据。</p>\n<p><strong>注意：</strong> ECharts 2.x 中 <code>force</code> 类型的图表不再在 ECharts 3 中提供支持，转为统一使用 <code>graph</code> 去展现关系数据。如果要使用力引导布局，可以将 <a href=\"#series-graph.layout\">layout</a> 配置项设为<code>&#39;force&#39;</code>。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=graph&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'graph'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>null</code></p>\n<p>  无坐标系。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-graph.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-graph.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-graph.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-graph.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件</p>\n</li>\n</ul>\n",
                  "default": null
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "polarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "geoIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "calendarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "hoverAnimation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启鼠标 hover 节点的提示动画效果。</p>\n"
                },
                "layout": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>图的布局。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;none&#39;</code> 不采用任何布局，使用<a href=\"#series-graph.data\">节点</a>中提供的 <a href=\"#series-graph.data.x\">x</a>， <a href=\"#series-graph.data.y\">y</a> 作为节点的位置。</p>\n</li>\n<li><p><code>&#39;circular&#39;</code> 采用环形布局，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=graph-circular-layout\" target=\"_blank\">Les Miserables</a>，布局相关的配置项见 <a href=\"#series-graph.circular\">graph.circular</a></p>\n</li>\n<li><p><code>&#39;force&#39;</code> 采用力引导布局，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=graph-force\" target=\"_blank\">Force</a>，布局相关的配置项见 <a href=\"#series-graph.force\">graph.force</a></p>\n</li>\n</ul>\n",
                  "default": "'none'"
                },
                "circular": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>环形布局相关配置</p>\n",
                  "properties": {
                    "rotateLabel": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否旋转标签，默认不旋转</p>\n",
                      "default": false
                    }
                  }
                },
                "force": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>力引导布局相关的配置项，力引导布局是模拟弹簧电荷模型在每两个节点之间添加一个斥力，每条边的两个节点之间添加一个引力，每次迭代节点会在各个斥力和引力的作用下移动位置，多次迭代后节点会静止在一个受力平衡的位置，达到整个模型的能量最小化。</p>\n<p>力引导布局的结果有良好的对称性和局部聚合性，也比较美观。</p>\n",
                  "properties": {
                    "initLayout": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>进行力引导布局前的初始化布局，初始化布局会影响到力引导的效果。</p>\n<p>默认不进行任何布局，使用<a href=\"#series-graph.data\">节点</a>中提供的 <a href=\"#series-graph.data.x\">x</a>， <a href=\"#series-graph.data.y\">y</a> 作为节点的位置。如果不存在的话会随机生成一个位置。</p>\n<p>也可以选择使用环形布局 <code>&#39;circular&#39;</code>。</p>\n"
                    },
                    "repulsion": {
                      "type": [
                        "Array",
                        "number"
                      ],
                      "descriptionCN": "<p>节点之间的斥力因子。</p>\n<p>支持设置成数组表达斥力的范围，此时不同大小的值会线性映射到不同的斥力。值越大则斥力越大</p>\n",
                      "default": 50
                    },
                    "gravity": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。</p>\n",
                      "default": 0.1
                    },
                    "edgeLength": {
                      "type": [
                        "Array",
                        "number"
                      ],
                      "descriptionCN": "<p>边的两个节点之间的距离，这个距离也会受 <a href=\"#series-graph.force.repulsion\">repulsion</a>。</p>\n<p>支持设置成数组表达边长的范围，此时不同大小的值会线性映射到不同的长度。值越小则长度越长。如下示例</p>\n<pre><code class=\"lang-js\">// 值最大的边长度会趋向于 10，值最小的边长度会趋向于 50\nedgeLength: [10, 50]\n</code></pre>\n",
                      "default": 30
                    },
                    "layoutAnimation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>因为力引导布局会在多次迭代后才会稳定，这个参数决定是否显示布局的迭代动画，在浏览器端节点数据较多（&gt;100）的时候不建议关闭，布局过程会造成浏览器假死。</p>\n",
                      "default": true
                    }
                  }
                },
                "roam": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 <code>&#39;scale&#39;</code> 或者 <code>&#39;move&#39;</code>。设置成 <code>true</code> 为都开启</p>\n",
                  "default": false
                },
                "nodeScaleRatio": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>鼠标漫游缩放时节点的相应缩放比例，当设为<code>0</code>时节点不随着鼠标的缩放而缩放</p>\n",
                  "default": 0.6
                },
                "draggable": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>节点是否可拖拽，只在使用力引导布局的时候有用。</p>\n",
                  "default": false
                },
                "focusNodeAdjacency": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否在鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点。</p>\n",
                  "default": false
                },
                "symbol": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>关系图节点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                  "default": "'circle'"
                },
                "symbolSize": {
                  "type": [
                    "number",
                    "Array",
                    "Function"
                  ],
                  "descriptionCN": "<p>关系图节点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                  "default": 10
                },
                "symbolRotate": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>关系图节点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                },
                "symbolOffset": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>关系图节点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                  "default": "[0, 0]"
                },
                "edgeSymbol": {
                  "type": [
                    "Array",
                    "string"
                  ],
                  "descriptionCN": "<p>边两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定。默认不显示标记，常见的可以设置为箭头，如下：</p>\n<pre><code class=\"lang-js\">edgeSymbol: [&#39;circle&#39;, &#39;arrow&#39;]\n</code></pre>\n",
                  "default": "['none', 'none']"
                },
                "edgeSymbolSize": {
                  "type": [
                    "Array",
                    "number"
                  ],
                  "descriptionCN": "<p>边两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n",
                  "default": 10
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color",
                            "Function"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "lineStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>关系边的公用线条样式。其中 <a href=\"#series-graph.lineStyle.normal.color\">lineStyle.normal.color</a> 支持设置为<code>&#39;source&#39;</code>或者<code>&#39;target&#39;</code>特殊值，此时边会自动取源节点或目标节点的颜色作为自己的颜色。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "'#aaa'"
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 1
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n",
                          "default": 0.5
                        },
                        "curveness": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                          "default": 0
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "\"#000\""
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 1
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "solid"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'inside'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "edgeLabel": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                          "default": "'middle'"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                          "default": "'middle'"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "categories": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>节点分类的类目，可选。</p>\n<p>如果节点有分类的话可以通过 <a href=\"#series-graph.data.category\">data[i].category</a> 指定每个节点的类目，类目的样式会被应用到节点样式上。<a href=\"#legend\">图例</a>也可以基于<code>categories</code>名字展现和筛选。</p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>类目名称，用于和 <a href=\"#legend\">legend</a> 对应以及格式化 <a href=\"#tooltip\">tooltip</a> 的内容。</p>\n"
                      },
                      "symbol": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>该类目节点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "symbolSize": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>该类目节点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                      },
                      "symbolRotate": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>该类目节点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                      },
                      "symbolOffset": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>该类目节点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                        "default": "[0, 0]"
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该类目节点的样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该类目节点标签的样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "inside"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项可以为单个数值，如：</p>\n<pre><code class=\"lang-js\">[12, 34, 56, 10, 23]\n</code></pre>\n<p>如果需要在数据中加入其它维度给 <a href=\"#visualMap\">visualMap</a> 组件用来映射到颜色等其它图形属性。每个数据项也可以是数组，如：</p>\n<pre><code class=\"lang-js\">[[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]\n</code></pre>\n<p>这时候可以将每项数组中的第二个值指定给 <a href=\"#visualMap\">visualMap</a> 组件。</p>\n<p>更多时候我们需要指定每个数据项的名称，这时候需要每个项为一个对象：</p>\n<pre><code class=\"lang-js\">[{\n    // 数据项的名称\n    name: &#39;数据1&#39;,\n    // 数据项值8\n    value: 10\n}, {\n    name: &#39;数据2&#39;,\n    value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n    name: &#39;数据1&#39;,\n    value: 10\n}, {\n    // 数据项名称\n    name: &#39;数据2&#39;,\n    value : 56,\n    //自定义特殊 tooltip，仅对该数据项有效\n    tooltip:{},\n    //自定义特殊itemStyle，仅对该item有效\n    itemStyle:{}\n}]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>数据项值。</p>\n"
                      },
                      "category": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>数据项所在类目的 index。</p>\n"
                      },
                      "symbol": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>该类目节点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                      },
                      "symbolSize": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>该类目节点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                      },
                      "symbolRotate": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>该类目节点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                      },
                      "symbolOffset": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>该类目节点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                        "default": "[0, 0]"
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该节点的样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该节点标签的样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "nodes": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>别名，同 <a href=\"#series-graph.data\">data</a></p>\n"
                },
                "links": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>节点间的关系数据。示例：</p>\n<pre><code class=\"lang-js\">links: [{\n    source: &#39;n1&#39;,\n    target: &#39;n2&#39;\n}, {\n    source: &#39;n2&#39;,\n    target: &#39;n3&#39;\n}]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "source": {
                        "type": [
                          "string",
                          "number"
                        ],
                        "descriptionCN": "<p>边的<a href=\"#series-graph.data.name\">源节点名称</a>的字符串，也支持使用数字表示源节点的索引。</p>\n"
                      },
                      "target": {
                        "type": [
                          "string",
                          "number"
                        ],
                        "descriptionCN": "<p>边的<a href=\"#series-graph.data.name\">目标节点名称</a>的字符串，也支持使用数字表示源节点的索引。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>边的数值，可以在力引导布局中用于映射到边的长度。</p>\n"
                      },
                      "lineStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>关系边的线条样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "width": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>线宽。</p>\n",
                                "default": 1
                              },
                              "type": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                "default": "solid"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              },
                              "curveness": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                "default": 0
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "\"#000\""
                              },
                              "width": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>线宽。</p>\n",
                                "default": 1
                              },
                              "type": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                "default": "solid"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                "default": "'middle'"
                              },
                              "formatter": {
                                "type": [
                                  "string",
                                  "Function"
                                ],
                                "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                "default": "'middle'"
                              },
                              "formatter": {
                                "type": [
                                  "string",
                                  "Function"
                                ],
                                "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "symbol": {
                        "type": [
                          "Array",
                          "string"
                        ],
                        "descriptionCN": "<p>边两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n"
                      },
                      "symbolSize": {
                        "type": [
                          "Array",
                          "string"
                        ],
                        "descriptionCN": "<p>边两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n"
                      }
                    }
                  }
                },
                "edges": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>别名，同 <a href=\"#series-graph.links\">links</a></p>\n"
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-graph.markPoint.data.x\">x</a>, <a href=\"#series-graph.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-graph.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-graph.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-graph.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-graph.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-graph.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-graph.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-graph.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-graph.markLine.data.0.x\">x</a>, <a href=\"#series-graph.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-graph.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-graph.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-graph.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-graph.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-graph.markArea.data.0.x\">x</a>, <a href=\"#series-graph.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-graph.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-graph.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-graph.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-graph.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "'center'"
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "'center'"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n",
                  "default": "'auto'"
                },
                "width": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件的宽度。</p>\n",
                  "default": "自适应"
                },
                "height": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>组件的高度。</p>\n",
                  "default": "自适应"
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong> 桑基图 </strong></p>\n<p>是一种特殊的流图, 它主要用来表示原材料、能量等如何从初始形式经过中间过程的加工、转化到达最终形式。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=sankey-energy&edit=1&reset=1\" width=\"700\" height=\"580\" ></iframe>\n\n\n\n<p><br>\n<strong>可视编码：</strong></p>\n<p>桑基图将原数据中的每个<code>node</code>编码成一个小矩形，不同的节点尽量用不同的颜色展示，小矩形旁边的<code>label</code>编码的是节点的名称。</p>\n<p>此外，图中每两个小矩形之间的边编码的是原数据中的<code>link</code>，边的粗细编码的是<code>link</code>中的<code>value</code>。</p>\n<p><br>\n<strong>排序：</strong>\n如果想指定结果的纵向顺序，那么可以把 <a href=\"#series-sankey.layoutIterations\">layoutIterations</a> 设为 <code>0</code>，此时纵向的顺序依照数据在 <a href=\"#series-sankey.links\">links</a> 中出现的顺序。</p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'sankey'"
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>sankey组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "5%"
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>sankey组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "5%"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>sankey组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": "20%"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>sankey组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": "5%"
                },
                "width": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>sankey组件的宽度。</p>\n",
                  "default": null
                },
                "height": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>sankey组件的高度。</p>\n",
                  "default": null
                },
                "nodeWidth": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>图中每个矩形节点的宽度。</p>\n",
                  "default": 20
                },
                "nodeGap": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>图中每一列任意两个矩形节点之间的间隔。</p>\n",
                  "default": 8
                },
                "layoutIterations": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>布局的迭代次数，用来不断优化图中节点的位置，以减少节点和边之间的相互遮盖。</p>\n<p>默认布局迭代次数：<code>32</code>。</p>\n<p>经测试，布局迭代次数不要低于默认值。</p>\n",
                  "default": 32
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p><code>label</code> 描述了每个矩形节点中文本标签的样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": true
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'right'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>桑基图节点矩形的样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "'#aaa'"
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 1
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "lineStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>桑基图边的样式，其中 <a href=\"#series-sankey.lineStyle.normal.color\">lineStyle.normal.color</a> 支持设置为<code>&#39;source&#39;</code>或者<code>&#39;target&#39;</code>特殊值，此时边会自动取源节点或目标节点的颜色作为自己的颜色。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>桑基图边的颜色。</p>\n",
                          "default": "\"'#314656'\""
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>桑基图边的透明度。</p>\n",
                          "default": 0.2
                        },
                        "curveness": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>桑基图边的曲度。</p>\n",
                          "default": 0.5
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>桑基图边的颜色。</p>\n",
                          "default": "\"'#314656'\""
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>桑基图边的透明度。</p>\n",
                          "default": 0.2
                        },
                        "curveness": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>桑基图边的曲度。</p>\n",
                          "default": 0.5
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        }
                      }
                    }
                  }
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项可以为单个数值，如：</p>\n<pre><code class=\"lang-js\">[12, 34, 56, 10, 23]\n</code></pre>\n<p>如果需要在数据中加入其它维度给 <a href=\"#visualMap\">visualMap</a> 组件用来映射到颜色等其它图形属性。每个数据项也可以是数组，如：</p>\n<pre><code class=\"lang-js\">[[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]\n</code></pre>\n<p>这时候可以将每项数组中的第二个值指定给 <a href=\"#visualMap\">visualMap</a> 组件。</p>\n<p>更多时候我们需要指定每个数据项的名称，这时候需要每个项为一个对象：</p>\n<pre><code class=\"lang-js\">[{\n    // 数据项的名称\n    name: &#39;数据1&#39;,\n    // 数据项值8\n    value: 10\n}, {\n    name: &#39;数据2&#39;,\n    value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n    name: &#39;数据1&#39;,\n    value: 10\n}, {\n    // 数据项名称\n    name: &#39;数据2&#39;,\n    value : 56,\n    //自定义特殊 tooltip，仅对该数据项有效\n    tooltip:{},\n    //自定义特殊itemStyle，仅对该item有效\n    itemStyle:{}\n}]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>数据项值。</p>\n"
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该节点的样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>该节点标签的样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "nodes": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>同 <a href=\"#series-sankey.data\">data</a></p>\n"
                },
                "links": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>节点间的关系数据。示例：</p>\n<pre><code class=\"lang-js\">links: [{\n    source: &#39;n1&#39;,\n    target: &#39;n2&#39;\n}, {\n    source: &#39;n2&#39;,\n    target: &#39;n3&#39;\n}]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "source": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>边的<a href=\"#series-graph.data.name\">源节点名称</a></p>\n"
                      },
                      "target": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>边的<a href=\"#series-graph.data.name\">目标节点名称</a></p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>边的数值，决定边的宽度。</p>\n"
                      },
                      "lineStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>关系边的线条样式。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>桑基图边的颜色。</p>\n",
                                "default": "\"'#314656'\""
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>桑基图边的透明度。</p>\n",
                                "default": 0.2
                              },
                              "curveness": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>桑基图边的曲度。</p>\n",
                                "default": 0.5
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>桑基图边的颜色。</p>\n",
                                "default": "\"'#314656'\""
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>桑基图边的透明度。</p>\n",
                                "default": 0.2
                              },
                              "curveness": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>桑基图边的曲度。</p>\n",
                                "default": 0.5
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "edges": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>同 <a href=\"#series-sankey.links\">links</a></p>\n"
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "'linear'"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>漏斗图</strong></p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=funnel&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'funnel'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "min": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定的数据最小值。</p>\n",
                  "default": 0
                },
                "max": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>指定的数据最大值。</p>\n",
                  "default": 100
                },
                "minSize": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据最小值 <a href=\"#series-funnel.min\">min</a> 映射的宽度。</p>\n<p>可以是绝对的像素大小，也可以是相对<a href=\"#series-funnel.width\">布局宽度</a>的百分比，如果需要最小值的图形并不是尖端三角，可通过设置该属性实现。</p>\n",
                  "default": "'0%'"
                },
                "maxSize": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据最大值 <a href=\"#series-funnel.max\">max</a> 映射的宽度。</p>\n<p>可以是绝对的像素大小，也可以是相对<a href=\"#series-funnel.width\">布局宽度</a>的百分比。</p>\n",
                  "default": "'100%'"
                },
                "sort": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据排序， 可以取 <code>&#39;ascending&#39;</code>，<code>&#39;descending&#39;</code>，<code>&#39;none&#39;</code>（表示按 data 顺序），或者一个函数（即 <code>Array.prototype.sort(function (a, b) { ... })</code>）。</p>\n",
                  "default": "'descending'"
                },
                "gap": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>数据图形间距。</p>\n",
                  "default": 0
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "funnelAlign": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>水平方向对齐布局类型，默认居中对齐，可用选项还有：&#39;left&#39; | &#39;right&#39; | &#39;center&#39;</p>\n",
                  "default": "'center'"
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>漏斗图图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  漏斗图左侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  漏斗图右侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  漏斗图梯形内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><code>&#39;center&#39;</code> 同 <code>&#39;inside&#39;</code>。</li>\n</ul>\n",
                          "default": "'outside'"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "",
                          "default": false
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "labelLine": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>标签的视觉引导线样式，在 <a href=\"#series-funnel.label.normal.position\">label 位置</a> 设置为<code>&#39;left&#39;</code>或者<code>&#39;right&#39;</code>的时候会显示视觉引导线。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>普通状态下视觉引导线的样式。</p>\n",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                        },
                        "length": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>视觉引导线第一段的长度。</p>\n"
                        },
                        "lineStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>高亮状态下视觉引导线的样式。</p>\n",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                        },
                        "lineStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color",
                            "Function"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项可以为单个数值，如：</p>\n<pre><code class=\"lang-js\">[12, 34, 56, 10, 23]\n</code></pre>\n<p>如果需要在数据中加入其它维度给 <a href=\"#visualMap\">visualMap</a> 组件用来映射到颜色等其它图形属性。每个数据项也可以是数组，如：</p>\n<pre><code class=\"lang-js\">[[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]\n</code></pre>\n<p>这时候可以将每项数组中的第二个值指定给 <a href=\"#visualMap\">visualMap</a> 组件。</p>\n<p>更多时候我们需要指定每个数据项的名称，这时候需要每个项为一个对象：</p>\n<pre><code class=\"lang-js\">[{\n    // 数据项的名称\n    name: &#39;数据1&#39;,\n    // 数据项值8\n    value: 10\n}, {\n    name: &#39;数据2&#39;,\n    value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n    name: &#39;数据1&#39;,\n    value: 10\n}, {\n    // 数据项名称\n    name: &#39;数据2&#39;,\n    value : 56,\n    //自定义特殊 tooltip，仅对该数据项有效\n    tooltip:{},\n    //自定义特殊itemStyle，仅对该item有效\n    itemStyle:{}\n}]\n</code></pre>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>数据值。</p>\n"
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个数据的标签配置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  漏斗图左侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  漏斗图右侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  漏斗图梯形内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><code>&#39;center&#39;</code> 同 <code>&#39;inside&#39;</code>。</li>\n</ul>\n",
                                "default": "'outside'"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "",
                                "default": false
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "labelLine": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>普通状态下视觉引导线的样式。</p>\n",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                              },
                              "length": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>视觉引导线第一段的长度。</p>\n"
                              },
                              "lineStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "\"#000\""
                                  },
                                  "width": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>线宽。</p>\n",
                                    "default": 1
                                  },
                                  "type": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                    "default": "solid"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>高亮状态下视觉引导线的样式。</p>\n",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示视觉引导线。</p>\n"
                              },
                              "lineStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "\"#000\""
                                  },
                                  "width": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>线宽。</p>\n",
                                    "default": 1
                                  },
                                  "type": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                    "default": "solid"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-funnel.markPoint.data.x\">x</a>, <a href=\"#series-funnel.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-funnel.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-funnel.markLine.data.0.x\">x</a>, <a href=\"#series-funnel.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li>通过 <a href=\"#series-funnel.markArea.data.0.x\">x</a>, <a href=\"#series-funnel.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>仪表盘</strong></p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=gauge-car\" width=\"600\" height=\"500\" ></iframe>\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'gauge'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n<!-- overwrite radius -->"
                },
                "radius": {
                  "type": [
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>仪表盘半径，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值。</p>\n<p>{{ use partial-legend-hover-link }}</p>\n",
                  "default": "'75%'"
                },
                "startAngle": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>仪表盘起始角度。<a href=\"#series-gauge.center\">圆心</a> 正右手侧为<code>0</code>度，正上方为<code>90</code>度，正左手侧为<code>180</code>度。</p>\n",
                  "default": 225
                },
                "endAngle": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>仪表盘结束角度。</p>\n",
                  "default": -45
                },
                "clockwise": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>仪表盘刻度是否是顺时针增长。</p>\n",
                  "default": true
                },
                "min": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>最小的数据值，映射到 <a href=\"#series-gauge.minAngle\">minAngle</a>。</p>\n",
                  "default": 0
                },
                "max": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>最大的数据值，映射到 <a href=\"#series-gauge.maxAngle\">maxAngle</a>。</p>\n",
                  "default": 100
                },
                "splitNumber": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>仪表盘刻度的分割段数。</p>\n",
                  "default": 10
                },
                "axisLine": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>仪表盘轴线相关配置。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示仪表盘轴线。</p>\n",
                      "default": true
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>仪表盘轴线样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>仪表盘的轴线可以被分成不同颜色的多段。每段的结束位置和颜色可以通过一个数组来表示。</p>\n<p>默认取值：</p>\n<pre><code class=\"lang-js\">[[0.2, &#39;#91c7ae&#39;], [0.8, &#39;#63869e&#39;], [1, &#39;#c23531&#39;]]\n</code></pre>\n"
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>轴线宽度。</p>\n",
                          "default": 30
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "splitLine": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>分隔线样式。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示分隔线。</p>\n",
                      "default": true
                    },
                    "length": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>分隔线线长。支持相对半径的百分比。</p>\n",
                      "default": 30
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#eee"
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 2
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "axisTick": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>刻度样式。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示刻度。</p>\n",
                      "default": true
                    },
                    "splitNumber": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>分隔线之间分割的刻度数。</p>\n",
                      "default": 5
                    },
                    "length": {
                      "type": [
                        "number",
                        "string"
                      ],
                      "descriptionCN": "<p>刻度线长。支持相对半径的百分比。</p>\n",
                      "default": 8
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "#eee"
                        },
                        "width": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>线宽。</p>\n",
                          "default": 1
                        },
                        "type": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "axisLabel": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>刻度标签。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示标签。</p>\n",
                      "default": true
                    },
                    "distance": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标签与刻度线的距离。</p>\n",
                      "default": 5
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。\n示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值\nformatter: function (value) {\n    return value + &#39;km/h&#39;;\n}\n</code></pre>\n"
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "\"#fff\""
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 12
                        }
                      }
                    },
                    "color": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>刻度颜色</p>\n",
                      "default": "'auto'"
                    }
                  }
                },
                "pointer": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>仪表盘指针。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示指针。</p>\n",
                      "default": true
                    },
                    "length": {
                      "type": [
                        "string",
                        "number"
                      ],
                      "descriptionCN": "<p>指针长度，可以是绝对数值，也可以是相对于<a href=\"#series-gauge.radius\">半径</a>的半分比。</p>\n",
                      "default": "'80%'"
                    },
                    "width": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>指针宽度。</p>\n",
                      "default": 8
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>仪表盘指针样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>指针颜色，默认取数值所在的<a href=\"#series-gauge.axisLine.lineStyle.color\">区间的颜色</a></p>\n",
                          "default": "'auto'"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "title": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>仪表盘标题。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示标题。</p>\n",
                      "default": true
                    },
                    "offsetCenter": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。</p>\n",
                      "default": "[0, '-40%']"
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#333'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 15
                        }
                      }
                    }
                  }
                },
                "detail": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>仪表盘详情，用于显示数据。</p>\n",
                  "properties": {
                    "show": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否显示详情。</p>\n",
                      "default": true
                    },
                    "width": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>详情宽度。</p>\n",
                      "default": 100
                    },
                    "height": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>详情高度。</p>\n",
                      "default": 40
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>详情背景色。</p>\n",
                      "default": "'transparent'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>详情边框宽度。</p>\n",
                      "default": 0
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p>详情边框颜色。</p>\n",
                      "default": "'#ccc'"
                    },
                    "offsetCenter": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。</p>\n",
                      "default": "[0, '40%']"
                    },
                    "formatter": {
                      "type": [
                        "Function"
                      ],
                      "descriptionCN": "<p>格式化函数或者字符串</p>\n<pre><code class=\"lang-js\">formatter: function (value) {\n    return value.toFixed(0);\n}\n</code></pre>\n"
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文本颜色，默认取数值所在的<a href=\"#series-gauge.axisLine.lineStyle.color\">区间的颜色</a></p>\n",
                          "default": "'auto'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n<!-- overwrite color -->",
                          "default": 15
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-gauge.markPoint.data.x\">x</a>, <a href=\"#series-gauge.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-gauge.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li>通过 <a href=\"#series-gauge.markLine.data.0.x\">x</a>, <a href=\"#series-gauge.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li>通过 <a href=\"#series-gauge.markArea.data.0.x\">x</a>, <a href=\"#series-gauge.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>象形柱图</strong></p>\n<p>象形柱图是可以设置各种具象图形元素（如图片、<a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a> 等）的柱状图。往往用在信息图中。用于有至少一个类目轴或时间轴的<a href=\"#grid\">直角坐标系</a>上。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=pictorialBar-hill&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n<p><strong>布局</strong></p>\n<p>象形柱图可以被想象为：它首先是个柱状图，但是柱状图的柱子并不显示。这些柱子我们称为『基准柱（reference bar）』，根据基准柱来定位和显示各种象形图形（包括图片）。</p>\n<p>每个象形图形根据基准柱的定位，是通过 <a href=\"#series-pictorialBar.symbolPosition\">symbolPosition</a>、<a href=\"#series-pictorialBar.symbolOffset\">symbolOffset</a> 来调整其于基准柱的相对位置。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p>可以使用 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 调整大小，从而形成各种视图效果。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-symbolSize&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n<p><strong>象形图形类型</strong></p>\n<p>每个图形可以配置成『单独』和『重复』两种类型，即通过 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 来设置。</p>\n<ul>\n<li>设置为 <code>false</code>（默认），则一个图形来代表一个数据项。</li>\n<li>设置为 <code>true</code>，则一组重复的图形来代表一个数据项。</li>\n</ul>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeat&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n<p>每个象形图形可以是基本图形（如 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, ...）、<a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>、图片，参见：<a href=\"#series-pictorialBar.symbolType\">symbolType</a>。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-graphicType&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n<p>可以使用 <a href=\"#series-pictorialBar.symbolClip\">symbolClip</a> 对图形进行剪裁。</p>\n<p>参见例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'pictorialBar'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-pictorialBar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-pictorialBar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle.normal</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>normal</code>, <code>emphasis</code> 两个状态。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'inside'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "formatter": {
                          "type": [
                            "string",
                            "Function"
                          ],
                          "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "barWidth": {
                  "type": [
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n",
                  "default": "自适应"
                },
                "barMaxWidth": {
                  "type": [
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>柱条的最大宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n",
                  "default": "自适应"
                },
                "barMinHeight": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>柱条最小高度，可用于防止某数据项的值过小而影响交互。</p>\n",
                  "default": 0
                },
                "barGap": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>柱间距离，可设固定值（如 <code>20</code>）或者百分比（如 <code>&#39;30%&#39;</code>，表示柱子宽度的 <code>30%</code>）。</p>\n<p>如果想要两个系列的柱子重叠，可以设置 barGap 为 <code>&#39;-100%&#39;</code>。这在用柱子做背景的时候有用。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/barGrid-barGap&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n",
                  "default": "-100%"
                },
                "barCategoryGap": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>类目间柱形距离，默认为类目间距的20%，可设固定值</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n",
                  "default": "'20%'"
                },
                "symbol": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>图形类型。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-graphicType&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbol\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbol\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbol: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbol: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbol: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": "'circle'"
                },
                "symbolSize": {
                  "type": [
                    "number",
                    "Array"
                  ],
                  "descriptionCN": "<p>图形的大小。</p>\n<p>可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>，也可以设置成诸如 <code>10</code> 这样单一的数字，表示 <code>[10, 10]</code>。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，图形的大小是基于 <a href=\"#series-pictorialBar\">基准柱</a> 的尺寸计算出来的。</p>\n<p>例如，当基准柱基于 x 轴（即柱子是纵向的），<a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 设置为 <code>[&#39;30%&#39;, &#39;50%&#39;]</code>，那么最终图形的尺寸是：</p>\n<ul>\n<li>宽度：<code>基准柱的宽度 * 30%</code>。</li>\n<li>高度：<ul>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>false</code>：<code>基准柱的高度 * 50%</code>。</li>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>：<code>基准柱的宽度 * 50%</code>。</li>\n</ul>\n</li>\n</ul>\n<p>基准柱基于 y 轴（即柱子是横向的）的情况类似对调可得出。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-symbolSize&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": "['100%', '100%']"
                },
                "symbolPosition": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>图形的定位位置。可取值：</p>\n<ul>\n<li><code>&#39;start&#39;</code>：图形边缘与柱子开始的地方内切。</li>\n<li><code>&#39;end&#39;</code>：图形边缘与柱子结束的地方内切。</li>\n<li><code>&#39;center&#39;</code>：图形在柱子里居中。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPosition\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPosition\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPosition: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPosition: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPosition: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": "'start'"
                },
                "symbolOffset": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>图形相对于原本位置的偏移。<code>symbolOffset</code> 是图形定位中最后计算的一个步骤，可以对图形计算出来的位置进行微调。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。</p>\n<p>例如 <code>[0, &#39;-50%&#39;]</code> 就是把图形向上移动了自身尺寸的一半的位置。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolOffset\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolOffset\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolOffset: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolOffset: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolOffset: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": "[0, 0]"
                },
                "symbolRotate": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>图形的旋转角度。</p>\n<p>注意，<code>symbolRotate</code> 并不会影响图形的定位（哪怕超出基准柱的边界），而只是单纯得绕自身中心旋转。</p>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRotate\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRotate\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRotate: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRotate: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRotate: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                },
                "symbolRepeat": {
                  "type": [
                    "boolean",
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>指定图形元素是否重复。值可为：</p>\n<ul>\n<li><code>false</code>/<code>null</code>/<code>undefined</code>：不重复，即每个数据值用一个图形元素表示。</li>\n<li><code>true</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.data\">data</a> 计算得到。</li>\n<li>a number：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数是给定的定值。</li>\n<li><code>&#39;fixed&#39;</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 计算得到，即与 <a href=\"#series-pictorialBar.data\">data</a> 无关。这在此图形被用于做背景时有用。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeat&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeat\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeat\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeat: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeat: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeat: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                },
                "symbolRepeatDirection": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>指定图形元素重复时，绘制的顺序。这个属性在两种情况下有用处：</p>\n<ul>\n<li><p>当 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 设置为负值时，重复的图形会互相覆盖，这是可以使用 <code>symbolRepeatDirection</code> 来指定覆盖顺序。</p>\n</li>\n<li><p>当 <a href=\"#series-pictorialBar.animationDelay\">animationDelay</a> 或 <a href=\"#series-pictorialBar.animationDelayUpdate\">animationDelayUpdate</a> 被使用时，<code>symbolRepeatDirection</code> 指定了 index 顺序。</p>\n</li>\n</ul>\n<p>这个属性的值可以是：<code>&#39;start&#39;</code> 或 <code>&#39;end&#39;</code>。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeatDirection\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeatDirection\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeatDirection: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": "'start'"
                },
                "symbolMargin": {
                  "type": [
                    "number",
                    "string"
                  ],
                  "descriptionCN": "<p>图形的两边间隔（『两边』是指其数值轴方向的两边）。可以是绝对数值（如 <code>20</code>），或者百分比值（如 <code>&#39;-30%&#39;</code>），表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。只有当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时有意义。</p>\n<p>可以是正值，表示间隔大；也可以是负数。当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时，负数时能使图形重叠。</p>\n<p>可以在其值结尾处加一个 <code>&quot;!&quot;</code>，如 <code>&quot;30%!&quot;</code> 或 <code>25!</code>，表示第一个图形的开始和最后一个图形结尾留白，不紧贴边界。默认会紧贴边界。</p>\n<p>注意：</p>\n<ul>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>/<code>&#39;fixed&#39;</code> 的时候：\n  这里设置的 <code>symbolMargin</code> 只是个参考值，真正最后的图形间隔，是根据 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a>、<code>symbolMargin</code>、<a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 综合计算得到。</li>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为一个固定数值的时候：\n  这里设置的 <code>symbolMargin</code> 无效。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolMargin\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolMargin\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolMargin: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolMargin: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolMargin: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                },
                "symbolClip": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否剪裁图形。</p>\n<ul>\n<li><code>false</code>/null/undefined：图形本身表示数值大小。</li>\n<li><code>true</code>：图形被剪裁后剩余的部分表示数值大小。</li>\n</ul>\n<p><code>symbolClip</code> 常在这种场景下使用：同时表达『总值』和『当前数值』。在这种场景下，可以使用两个系列，一个系列是完整的图形，当做『背景』来表达总数值，另一个系列是使用 <code>symbolClip</code> 进行剪裁过的图形，表达当前数值。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p>在这个例子中：</p>\n<ul>\n<li>『背景系列』和『当前值系列』使用相同的 <a href=\"#series.pictorialBar.symbolBoundingData\">symbolBoundingData</a>，使得绘制出的图形的大小是一样的。</li>\n<li>『当前值系列』设置了比『背景系列』更高的 <a href=\"#series.pictorialBar.z\">z</a>，使得其覆盖在『背景系列』上。</li>\n</ul>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolClip\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolClip\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolClip: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolClip: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolClip: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": false
                },
                "symbolBoundingData": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>这个属性是『指定图形界限的值』。它指定了一个 data，这个 data 映射在坐标系上的位置，是图形绘制的界限。也就是说，如果设置了 <code>symbolBoundingData</code>，图形的尺寸则由 <code>symbolBoundingData</code> 决定。</p>\n<p>当柱子是水平的，symbolBoundingData 对应到 x 轴上，当柱子是竖直的，symbolBoundingData 对应到 y 轴上。</p>\n<p>规则：</p>\n<ul>\n<li><p>没有使用 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况下和『参考柱』的尺寸一样。图形的尺寸由零点和 <code>symbolBoundingData</code> 决定。举例，当柱子是竖直的，柱子对应的 data 为 <code>24</code>，<code>symbolSize</code> 设置为 <code>[30, &#39;50%&#39;]</code>，<code>symbolBoundingData</code> 设置为 <code>124</code>，那么最终图形的高度为 <code>124 * 50% = 62</code>。如果 <code>symbolBoundingData</code> 不设置，那么最终图形的高度为 <code>24 * 50% = 12</code>。</p>\n</li>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况取当前坐标系所显示出的最值。<code>symbolBoundingData</code> 定义了一个 bounding，重复的图形在这个 bounding 中，依据 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 和 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 和 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 进行排布。这几个变量决定了图形的间隔大小。</p>\n</li>\n</ul>\n<p>在这些场景中，你可能会需要设置 <code>symbolBoundingData</code>：</p>\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolClip\">symbolCilp</a> 时：</p>\n<p>  使用一个系列表达『总值』，另一个系列表达『当前值』的时候，需要两个系列画出的图形一样大。那么就把两个系列的 <code>symbolBoundingData</code> 设为一样大。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  如果需要不同柱子中的图形的间隔保持一致，那么可以把 <code>symbolBoundingData</code> 设为一致的数值。当然，不设置 <code>symbolBoundingData</code> 也是可以的，因为其缺省值就是一个定值（坐标系所显示出的最值）。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolBoundingData\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolBoundingData\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolBoundingData: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolBoundingData: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolBoundingData: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                },
                "symbolPatternSize": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>可以使用图片作为图形的 pattern。</p>\n<pre><code class=\"lang-js\">var textureImg = new Image();\ntextureImg.src = &#39;data:image/jpeg;base64,...&#39;; // dataURI\n// 或者\n// textureImg.src = &#39;http://xxx.xxx.xxx/xx.png&#39;; // URL\n...\nitemStyle: {\n    normal: {\n        color: {\n            image: textureImg,\n            repeat: &#39;repeat&#39;\n        }\n    }\n}\n</code></pre>\n<p>这时候，<code>symbolPatternSize</code> 指定了 pattern 的缩放尺寸。比如 <code>symbolPatternSize</code> 为 400 时表示图片显示为 <code>400px * 400px</code> 的尺寸。</p>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-patternSize&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPatternSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPatternSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPatternSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPatternSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPatternSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": 400
                },
                "hoverAnimation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启 hover 在图形上的提示动画效果。</p>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.hoverAnimation\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.hoverAnimation\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    hoverAnimation: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        hoverAnimation: ... // 只对此数据项生效\n    }, {\n        value: 56\n        hoverAnimation: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                  "default": false,
                  "properties": {
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>动画开始之前的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n",
                      "default": 0
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",
                      "default": 0
                    }
                  }
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据项的数值。</p>\n"
                      },
                      "symbol": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>图形类型。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-graphicType&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbol\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbol\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbol: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbol: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbol: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": "'circle'"
                      },
                      "symbolSize": {
                        "type": [
                          "number",
                          "Array"
                        ],
                        "descriptionCN": "<p>图形的大小。</p>\n<p>可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>，也可以设置成诸如 <code>10</code> 这样单一的数字，表示 <code>[10, 10]</code>。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，图形的大小是基于 <a href=\"#series-pictorialBar\">基准柱</a> 的尺寸计算出来的。</p>\n<p>例如，当基准柱基于 x 轴（即柱子是纵向的），<a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 设置为 <code>[&#39;30%&#39;, &#39;50%&#39;]</code>，那么最终图形的尺寸是：</p>\n<ul>\n<li>宽度：<code>基准柱的宽度 * 30%</code>。</li>\n<li>高度：<ul>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>false</code>：<code>基准柱的高度 * 50%</code>。</li>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>：<code>基准柱的宽度 * 50%</code>。</li>\n</ul>\n</li>\n</ul>\n<p>基准柱基于 y 轴（即柱子是横向的）的情况类似对调可得出。</p>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-symbolSize&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": "['100%', '100%']"
                      },
                      "symbolPosition": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>图形的定位位置。可取值：</p>\n<ul>\n<li><code>&#39;start&#39;</code>：图形边缘与柱子开始的地方内切。</li>\n<li><code>&#39;end&#39;</code>：图形边缘与柱子结束的地方内切。</li>\n<li><code>&#39;center&#39;</code>：图形在柱子里居中。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPosition\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPosition\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPosition: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPosition: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPosition: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": "'start'"
                      },
                      "symbolOffset": {
                        "type": [
                          "Array"
                        ],
                        "descriptionCN": "<p>图形相对于原本位置的偏移。<code>symbolOffset</code> 是图形定位中最后计算的一个步骤，可以对图形计算出来的位置进行微调。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。</p>\n<p>例如 <code>[0, &#39;-50%&#39;]</code> 就是把图形向上移动了自身尺寸的一半的位置。</p>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolOffset\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolOffset\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolOffset: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolOffset: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolOffset: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": "[0, 0]"
                      },
                      "symbolRotate": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>图形的旋转角度。</p>\n<p>注意，<code>symbolRotate</code> 并不会影响图形的定位（哪怕超出基准柱的边界），而只是单纯得绕自身中心旋转。</p>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRotate\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRotate\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRotate: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRotate: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRotate: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                      },
                      "symbolRepeat": {
                        "type": [
                          "boolean",
                          "number",
                          "string"
                        ],
                        "descriptionCN": "<p>指定图形元素是否重复。值可为：</p>\n<ul>\n<li><code>false</code>/<code>null</code>/<code>undefined</code>：不重复，即每个数据值用一个图形元素表示。</li>\n<li><code>true</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.data\">data</a> 计算得到。</li>\n<li>a number：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数是给定的定值。</li>\n<li><code>&#39;fixed&#39;</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 计算得到，即与 <a href=\"#series-pictorialBar.data\">data</a> 无关。这在此图形被用于做背景时有用。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-repeat&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeat\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeat\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeat: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeat: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeat: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                      },
                      "symbolRepeatDirection": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>指定图形元素重复时，绘制的顺序。这个属性在两种情况下有用处：</p>\n<ul>\n<li><p>当 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 设置为负值时，重复的图形会互相覆盖，这是可以使用 <code>symbolRepeatDirection</code> 来指定覆盖顺序。</p>\n</li>\n<li><p>当 <a href=\"#series-pictorialBar.animationDelay\">animationDelay</a> 或 <a href=\"#series-pictorialBar.animationDelayUpdate\">animationDelayUpdate</a> 被使用时，<code>symbolRepeatDirection</code> 指定了 index 顺序。</p>\n</li>\n</ul>\n<p>这个属性的值可以是：<code>&#39;start&#39;</code> 或 <code>&#39;end&#39;</code>。</p>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeatDirection\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeatDirection\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeatDirection: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": "'start'"
                      },
                      "symbolMargin": {
                        "type": [
                          "number",
                          "string"
                        ],
                        "descriptionCN": "<p>图形的两边间隔（『两边』是指其数值轴方向的两边）。可以是绝对数值（如 <code>20</code>），或者百分比值（如 <code>&#39;-30%&#39;</code>），表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。只有当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时有意义。</p>\n<p>可以是正值，表示间隔大；也可以是负数。当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时，负数时能使图形重叠。</p>\n<p>可以在其值结尾处加一个 <code>&quot;!&quot;</code>，如 <code>&quot;30%!&quot;</code> 或 <code>25!</code>，表示第一个图形的开始和最后一个图形结尾留白，不紧贴边界。默认会紧贴边界。</p>\n<p>注意：</p>\n<ul>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>/<code>&#39;fixed&#39;</code> 的时候：\n  这里设置的 <code>symbolMargin</code> 只是个参考值，真正最后的图形间隔，是根据 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a>、<code>symbolMargin</code>、<a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 综合计算得到。</li>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为一个固定数值的时候：\n  这里设置的 <code>symbolMargin</code> 无效。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolMargin\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolMargin\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolMargin: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolMargin: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolMargin: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                      },
                      "symbolClip": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>是否剪裁图形。</p>\n<ul>\n<li><code>false</code>/null/undefined：图形本身表示数值大小。</li>\n<li><code>true</code>：图形被剪裁后剩余的部分表示数值大小。</li>\n</ul>\n<p><code>symbolClip</code> 常在这种场景下使用：同时表达『总值』和『当前数值』。在这种场景下，可以使用两个系列，一个系列是完整的图形，当做『背景』来表达总数值，另一个系列是使用 <code>symbolClip</code> 进行剪裁过的图形，表达当前数值。</p>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p>在这个例子中：</p>\n<ul>\n<li>『背景系列』和『当前值系列』使用相同的 <a href=\"#series.pictorialBar.symbolBoundingData\">symbolBoundingData</a>，使得绘制出的图形的大小是一样的。</li>\n<li>『当前值系列』设置了比『背景系列』更高的 <a href=\"#series.pictorialBar.z\">z</a>，使得其覆盖在『背景系列』上。</li>\n</ul>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolClip\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolClip\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolClip: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolClip: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolClip: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": false
                      },
                      "symbolBoundingData": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>这个属性是『指定图形界限的值』。它指定了一个 data，这个 data 映射在坐标系上的位置，是图形绘制的界限。也就是说，如果设置了 <code>symbolBoundingData</code>，图形的尺寸则由 <code>symbolBoundingData</code> 决定。</p>\n<p>当柱子是水平的，symbolBoundingData 对应到 x 轴上，当柱子是竖直的，symbolBoundingData 对应到 y 轴上。</p>\n<p>规则：</p>\n<ul>\n<li><p>没有使用 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况下和『参考柱』的尺寸一样。图形的尺寸由零点和 <code>symbolBoundingData</code> 决定。举例，当柱子是竖直的，柱子对应的 data 为 <code>24</code>，<code>symbolSize</code> 设置为 <code>[30, &#39;50%&#39;]</code>，<code>symbolBoundingData</code> 设置为 <code>124</code>，那么最终图形的高度为 <code>124 * 50% = 62</code>。如果 <code>symbolBoundingData</code> 不设置，那么最终图形的高度为 <code>24 * 50% = 12</code>。</p>\n</li>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况取当前坐标系所显示出的最值。<code>symbolBoundingData</code> 定义了一个 bounding，重复的图形在这个 bounding 中，依据 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 和 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 和 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 进行排布。这几个变量决定了图形的间隔大小。</p>\n</li>\n</ul>\n<p>在这些场景中，你可能会需要设置 <code>symbolBoundingData</code>：</p>\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolClip\">symbolCilp</a> 时：</p>\n<p>  使用一个系列表达『总值』，另一个系列表达『当前值』的时候，需要两个系列画出的图形一样大。那么就把两个系列的 <code>symbolBoundingData</code> 设为一样大。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  如果需要不同柱子中的图形的间隔保持一致，那么可以把 <code>symbolBoundingData</code> 设为一致的数值。当然，不设置 <code>symbolBoundingData</code> 也是可以的，因为其缺省值就是一个定值（坐标系所显示出的最值）。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolBoundingData\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolBoundingData\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolBoundingData: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolBoundingData: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolBoundingData: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"
                      },
                      "symbolPatternSize": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>可以使用图片作为图形的 pattern。</p>\n<pre><code class=\"lang-js\">var textureImg = new Image();\ntextureImg.src = &#39;data:image/jpeg;base64,...&#39;; // dataURI\n// 或者\n// textureImg.src = &#39;http://xxx.xxx.xxx/xx.png&#39;; // URL\n...\nitemStyle: {\n    normal: {\n        color: {\n            image: textureImg,\n            repeat: &#39;repeat&#39;\n        }\n    }\n}\n</code></pre>\n<p>这时候，<code>symbolPatternSize</code> 指定了 pattern 的缩放尺寸。比如 <code>symbolPatternSize</code> 为 400 时表示图片显示为 <code>400px * 400px</code> 的尺寸。</p>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-patternSize&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPatternSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPatternSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPatternSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPatternSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPatternSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": 400
                      },
                      "z": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>指定图形元素间的覆盖关系。数值越大，越在层叠的上方。</p>\n"
                      },
                      "hoverAnimation": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>是否开启 hover 在图形上的提示动画效果。</p>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.hoverAnimation\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.hoverAnimation\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    hoverAnimation: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        hoverAnimation: ... // 只对此数据项生效\n    }, {\n        value: 56\n        hoverAnimation: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n",
                        "default": false
                      },
                      "animation": {
                        "type": [
                          "boolean"
                        ],
                        "descriptionCN": "<p>是否开启动画。</p>\n",
                        "default": true
                      },
                      "animationThreshold": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                        "default": 2000
                      },
                      "animationDuration": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                        "default": 1000
                      },
                      "animationEasing": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                        "default": "cubicOut"
                      },
                      "animationDurationUpdate": {
                        "type": [
                          "number",
                          "Function"
                        ],
                        "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                        "default": 300
                      },
                      "animationEasingUpdate": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                        "default": "cubicOut"
                      },
                      "animationDelay": {
                        "type": [
                          "number",
                          "Function"
                        ],
                        "descriptionCN": "<p>动画开始之前的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n",
                        "default": 0
                      },
                      "animationDelayUpdate": {
                        "type": [
                          "number",
                          "Function"
                        ],
                        "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",
                        "default": 0
                      },
                      "label": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "<p>单个柱条文本的样式设置。</p>\n",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                                "default": "inside"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "show": {
                                "type": [
                                  "boolean"
                                ],
                                "descriptionCN": "<p>是否显示标签。</p>\n",
                                "default": false
                              },
                              "position": {
                                "type": [
                                  "string",
                                  "Array"
                                ],
                                "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                              },
                              "offset": {
                                "type": [
                                  "Array"
                                ],
                                "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                              },
                              "textStyle": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "<p>标签的字体样式。</p>\n",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>文字的颜色。</p>\n",
                                    "default": "\"#fff\""
                                  },
                                  "fontStyle": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                    "default": "'normal'"
                                  },
                                  "fontWeight": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                    "default": "normal"
                                  },
                                  "fontFamily": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>文字的字体系列</p>\n",
                                    "default": "'sans-serif'"
                                  },
                                  "fontSize": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>文字的字体大小</p>\n",
                                    "default": 12
                                  }
                                }
                              }
                            }
                          }
                        }
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "markPoint": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标注。</p>\n",
                  "properties": {
                    "symbol": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n",
                      "default": "'pin'"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n",
                      "default": 50
                    },
                    "symbolRotate": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                    },
                    "symbolOffset": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                      "default": "[0, 0]"
                    },
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                              "default": "'inside'"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>，分别表示系列名，数据名，数据值。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {c}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标注的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "Array"
                      ],
                      "descriptionCN": "<p>标注的数据数组。每个数组项是一个对象，有下面几种方式指定标注的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-pictorialBar.markPoint.data.x\">x</a>, <a href=\"#series-pictorialBar.markPoint.data.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-pictorialBar.markPoint.data.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-pictorialBar.markPoint.data.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-pictorialBar.markPoint.data.valueIndex\">valueIndex</a> 指定是在哪个维度上的最大值、最小值、平均值。或者可以使用 <a href=\"#series-pictorialBar.markPoint.data.valueDim\">valueDim</a> 指定在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n    {\n        name: &#39;最大值&#39;,\n        type: &#39;max&#39;\n    }, \n    {\n        name: &#39;某个坐标&#39;,\n        coord: [10, 20]\n    }, {\n        name: &#39;固定 x 像素位置&#39;,\n        yAxis: 10,\n        x: &#39;90%&#39;\n    }, \n    {\n        name: &#39;某个屏幕坐标&#39;,\n        x: 100,\n        y: 100\n    }\n]\n</code></pre>\n",
                      "items": {
                        "type": "Object",
                        "properties": {
                          "name": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标注名称。</p>\n",
                            "default": "''"
                          },
                          "type": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                          },
                          "valueIndex": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-pictorialBar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                          },
                          "valueDim": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>在使用 <a href=\"#series-pictorialBar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                          },
                          "coord": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"
                          },
                          "x": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                          },
                          "y": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                          },
                          "value": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标注值，可以不设。</p>\n"
                          },
                          "symbol": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                          },
                          "symbolSize": {
                            "type": [
                              "number",
                              "Array"
                            ],
                            "descriptionCN": "<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                          },
                          "symbolRotate": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                          },
                          "symbolOffset": {
                            "type": [
                              "Array"
                            ],
                            "descriptionCN": "<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                            "default": "[0, 0]"
                          },
                          "itemStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<p>该标注的样式。</p>\n",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "color": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                    "default": "自适应"
                                  },
                                  "borderColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                    "default": "\"#000\""
                                  },
                                  "borderWidth": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                    "default": 0
                                  },
                                  "borderType": {
                                    "type": [
                                      "string"
                                    ],
                                    "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                    "default": "'solid'"
                                  },
                                  "shadowBlur": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                  },
                                  "shadowColor": {
                                    "type": [
                                      "Color"
                                    ],
                                    "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                  },
                                  "shadowOffsetX": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "shadowOffsetY": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                    "default": 0
                                  },
                                  "opacity": {
                                    "type": [
                                      "number"
                                    ],
                                    "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                  }
                                }
                              }
                            }
                          },
                          "label": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "normal": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              },
                              "emphasis": {
                                "type": [
                                  "Object"
                                ],
                                "descriptionCN": "",
                                "properties": {
                                  "show": {
                                    "type": [
                                      "boolean"
                                    ],
                                    "descriptionCN": "<p>是否显示标签。</p>\n",
                                    "default": false
                                  },
                                  "position": {
                                    "type": [
                                      "string",
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                  },
                                  "offset": {
                                    "type": [
                                      "Array"
                                    ],
                                    "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                  },
                                  "textStyle": {
                                    "type": [
                                      "Object"
                                    ],
                                    "descriptionCN": "<p>标签的字体样式。</p>\n",
                                    "properties": {
                                      "color": {
                                        "type": [
                                          "Color"
                                        ],
                                        "descriptionCN": "<p>文字的颜色。</p>\n",
                                        "default": "\"#fff\""
                                      },
                                      "fontStyle": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                        "default": "'normal'"
                                      },
                                      "fontWeight": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                        "default": "normal"
                                      },
                                      "fontFamily": {
                                        "type": [
                                          "string"
                                        ],
                                        "descriptionCN": "<p>文字的字体系列</p>\n",
                                        "default": "'sans-serif'"
                                      },
                                      "fontSize": {
                                        "type": [
                                          "number"
                                        ],
                                        "descriptionCN": "<p>文字的字体大小</p>\n",
                                        "default": 12
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n<p>prefix</p>\n",
                      "default": 0
                    }
                  }
                },
                "markLine": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>图表标线。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "symbol": {
                      "type": [
                        "string",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-pictorialBar.markLine.data.0.symbol\">data.symbol</a>。</p>\n"
                    },
                    "symbolSize": {
                      "type": [
                        "number",
                        "Array"
                      ],
                      "descriptionCN": "<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"
                    },
                    "precision": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>标线数值的精度，在显示平均值线的时候有用。</p>\n",
                      "default": 2
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的文本。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": true
                            },
                            "position": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                              "default": "'end'"
                            },
                            "formatter": {
                              "type": [
                                "string",
                                "Function"
                              ],
                              "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                            }
                          }
                        }
                      }
                    },
                    "lineStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标线的样式</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            },
                            "curveness": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                              "default": 0
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "\"#000\""
                            },
                            "width": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>线宽。</p>\n",
                              "default": 1
                            },
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                              "default": "solid"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标线的数据数组。每个数组项可以是一个两个值的数组，分别表示线的起点和终点，每一项是一个对象，有下面几种方式指定起点或终点的位置。</p>\n<ol>\n<li><p>通过 <a href=\"#series-pictorialBar.markLine.data.0.x\">x</a>, <a href=\"#series-pictorialBar.markLine.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-pictorialBar.markLine.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-pictorialBar.markLine.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-pictorialBar.markLine.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-pictorialBar.markLine.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标线，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p>也可以是直接通过 <code>type</code> 设置该标线的类型，是最大值的线还是平均线。同样的，这时候可以通过使用 <code>valueIndex</code> 指定维度。</p>\n<pre><code>data: [\n    {\n        name: &#39;平均线&#39;,\n        // 支持 &#39;average&#39;, &#39;min&#39;, &#39;max&#39;\n        type: &#39;average&#39;\n    },\n    {\n        name: &#39;Y 轴值为 100 的水平线&#39;,\n        yAxis: 100\n    },\n    [\n        {\n            // 起点和终点的项会共用一个 name\n            name: &#39;最小值到最大值&#39;,\n            type: &#39;min&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n    [\n        {\n            name: &#39;两个坐标之间的标线&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [{\n        // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n        yAxis: &#39;max&#39;,\n        x: &#39;90%&#39;\n    }, {\n        type: &#39;max&#39;\n    }],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标线&#39;,\n            x: 100,\n            y: 100\n        },\n        {\n            x: 500,\n            y: 200\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>起点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>终点的数据。</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标注值，可以不设。</p>\n"
                            },
                            "symbol": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>也可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 url 为图片的链接。</p>\n<p>在 ECharts 3 里可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适（如果是 <code>symbol</code> 的话就是 <code>symbolSize</code>）的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n"
                            },
                            "symbolSize": {
                              "type": [
                                "number",
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"
                            },
                            "symbolRotate": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"
                            },
                            "symbolOffset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n",
                              "default": "[0, 0]"
                            },
                            "lineStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "\"#000\""
                                    },
                                    "width": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>线宽。</p>\n",
                                      "default": 1
                                    },
                                    "type": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n",
                                      "default": "solid"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    },
                                    "curveness": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n",
                                      "default": 0
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": true
                                    },
                                    "position": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n",
                                      "default": "'end'"
                                    },
                                    "formatter": {
                                      "type": [
                                        "string",
                                        "Function"
                                      ],
                                      "descriptionCN": "<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>、<code>{b}</code>、<code>{c}</code>、<code>{d}</code>，分别表示系列名，数据名，数据值，百分比。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": true
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "markArea": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n",
                  "properties": {
                    "silent": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                      "default": false
                    },
                    "label": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>标域文本配置。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "show": {
                              "type": [
                                "boolean"
                              ],
                              "descriptionCN": "<p>是否显示标签。</p>\n",
                              "default": false
                            },
                            "position": {
                              "type": [
                                "string",
                                "Array"
                              ],
                              "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                            },
                            "offset": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                            },
                            "textStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>标签的字体样式。</p>\n",
                              "properties": {
                                "color": {
                                  "type": [
                                    "Color"
                                  ],
                                  "descriptionCN": "<p>文字的颜色。</p>\n",
                                  "default": "\"#fff\""
                                },
                                "fontStyle": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                  "default": "'normal'"
                                },
                                "fontWeight": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                  "default": "normal"
                                },
                                "fontFamily": {
                                  "type": [
                                    "string"
                                  ],
                                  "descriptionCN": "<p>文字的字体系列</p>\n",
                                  "default": "'sans-serif'"
                                },
                                "fontSize": {
                                  "type": [
                                    "number"
                                  ],
                                  "descriptionCN": "<p>文字的字体大小</p>\n",
                                  "default": 12
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "itemStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>该标域的样式。</p>\n",
                      "properties": {
                        "normal": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        },
                        "emphasis": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                              "default": "自适应"
                            },
                            "borderColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                              "default": "\"#000\""
                            },
                            "borderWidth": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                              "default": 0
                            },
                            "borderType": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                              "default": "'solid'"
                            },
                            "shadowBlur": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                            },
                            "shadowColor": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                            },
                            "shadowOffsetX": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "shadowOffsetY": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                              "default": 0
                            },
                            "opacity": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                            }
                          }
                        }
                      }
                    },
                    "data": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>标域的数据数组。每个数组项是一个两个项的数组，分别表示标域左上角和右下角的位置，每个项支持通过下面几种方式指定自己的位置</p>\n<ol>\n<li><p>通过 <a href=\"#series-pictorialBar.markArea.data.0.x\">x</a>, <a href=\"#series-pictorialBar.markArea.data.0.y\">y</a> 属性指定相对容器的屏幕坐标，单位像素，支持百分比。</p>\n</li>\n<li><p>用 <a href=\"#series-pictorialBar.markArea.data.0.coord\">coord</a> 属性指定数据在相应坐标系上的坐标位置，单个维度支持设置 <code>&#39;min&#39;</code>, <code>&#39;max&#39;</code>, <code>&#39;average&#39;</code>。</p>\n</li>\n<li><p>直接用 <a href=\"#series-pictorialBar.markArea.data.0.type\">type</a> 属性标注系列中的最大值，最小值。这时候可以使用 <a href=\"#series-pictorialBar.markArea.data.0.valueIndex\">valueIndex</a> 或者 <a href=\"#series-pictorialBar.markPoint.data.0.valueDim\">valueDim</a> 指定是在哪个维度上的最大值、最小值、平均值。</p>\n</li>\n<li><p>如果是笛卡尔坐标系的话，也可以通过只指定 <code>xAxis</code> 或者 <code>yAxis</code> 来实现 X 轴或者 Y 轴为某值的标域，见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-weight\" target=\"_blank\">scatter-weight</a></p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n    [\n        {\n            name: &#39;平均值到最大值&#39;,\n            type: &#39;average&#39;\n        },\n        {\n            type: &#39;max&#39;\n        }\n    ],\n\n    [\n        {\n            name: &#39;两个坐标之间的标域&#39;,\n            coord: [10, 20]\n        },\n        {\n            coord: [20, 30]\n        }\n    ], [\n        {\n            name: &#39;60分到80分&#39;,\n            yAxis: 60\n        },\n        {\n            yAxis: 80\n        }\n    ], [\n        {\n            name: &#39;所有数据范围区间&#39;\n            coord: [&#39;min&#39;, &#39;min&#39;]\n        },\n        {\n            coord: [&#39;max&#39;, &#39;max&#39;]\n        }\n    ],\n    [\n        {\n            name: &#39;两个屏幕坐标之间的标域&#39;,\n            x: 100,\n            y: 100\n        }, {\n            x: &#39;90%&#39;,\n            y: &#39;10%&#39;\n        }\n    ]\n]\n</code></pre>",
                      "properties": {
                        "0": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域左上角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        },
                        "1": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标域右下角的数据</p>\n",
                          "properties": {
                            "type": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"
                            },
                            "valueIndex": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"
                            },
                            "valueDim": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"
                            },
                            "coord": {
                              "type": [
                                "Array"
                              ],
                              "descriptionCN": "<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"
                            },
                            "x": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "y": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"
                            },
                            "value": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>标域值，可以不设。</p>\n"
                            },
                            "itemStyle": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "color": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                      "default": "自适应"
                                    },
                                    "borderColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                      "default": "\"#000\""
                                    },
                                    "borderWidth": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                      "default": 0
                                    },
                                    "borderType": {
                                      "type": [
                                        "string"
                                      ],
                                      "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                      "default": "'solid'"
                                    },
                                    "shadowBlur": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                                    },
                                    "shadowColor": {
                                      "type": [
                                        "Color"
                                      ],
                                      "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                                    },
                                    "shadowOffsetX": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "shadowOffsetY": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                      "default": 0
                                    },
                                    "opacity": {
                                      "type": [
                                        "number"
                                      ],
                                      "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                                    }
                                  }
                                }
                              }
                            },
                            "label": {
                              "type": [
                                "Object"
                              ],
                              "descriptionCN": "<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n",
                              "properties": {
                                "normal": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                },
                                "emphasis": {
                                  "type": [
                                    "Object"
                                  ],
                                  "descriptionCN": "",
                                  "properties": {
                                    "show": {
                                      "type": [
                                        "boolean"
                                      ],
                                      "descriptionCN": "<p>是否显示标签。</p>\n",
                                      "default": false
                                    },
                                    "position": {
                                      "type": [
                                        "string",
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                                    },
                                    "offset": {
                                      "type": [
                                        "Array"
                                      ],
                                      "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                                    },
                                    "textStyle": {
                                      "type": [
                                        "Object"
                                      ],
                                      "descriptionCN": "<p>标签的字体样式。</p>\n",
                                      "properties": {
                                        "color": {
                                          "type": [
                                            "Color"
                                          ],
                                          "descriptionCN": "<p>文字的颜色。</p>\n",
                                          "default": "\"#fff\""
                                        },
                                        "fontStyle": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                          "default": "'normal'"
                                        },
                                        "fontWeight": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                          "default": "normal"
                                        },
                                        "fontFamily": {
                                          "type": [
                                            "string"
                                          ],
                                          "descriptionCN": "<p>文字的字体系列</p>\n",
                                          "default": "'sans-serif'"
                                        },
                                        "fontSize": {
                                          "type": [
                                            "number"
                                          ],
                                          "descriptionCN": "<p>文字的字体大小</p>\n",
                                          "default": 12
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    },
                    "animation": {
                      "type": [
                        "boolean"
                      ],
                      "descriptionCN": "<p>是否开启动画。</p>\n",
                      "default": false
                    },
                    "animationThreshold": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                      "default": 2000
                    },
                    "animationDuration": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 1000
                    },
                    "animationEasing": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    },
                    "animationDurationUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                      "default": 300
                    },
                    "animationEasingUpdate": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                      "default": "cubicOut"
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                      "default": 0
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>象形柱图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>象形柱图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut",
                  "properties": {
                    "animationDelay": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>动画开始之前的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n",
                      "default": 0
                    },
                    "animationDelayUpdate": {
                      "type": [
                        "number",
                        "Function"
                      ],
                      "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n\n\n\n",
                      "default": 0
                    }
                  }
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong> 主题河流 </strong></p>\n<p>是一种特殊的流图, 它主要用来表示事件或主题等在一段时间内的变化。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=themeRiver-lastfm&edit=1&reset=1\" width=\"700\" height=\"580\" ></iframe>\n\n\n\n<p><br>\n<strong>可视编码：</strong></p>\n<p>主题河流中不同颜色的条带状河流分支编码了不同的事件或主题，河流分支的宽度编码了原数据集中的value值。</p>\n<p>此外，原数据集中的时间属性，映射到单个时间轴上。</p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'themeRiver'"
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "left": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>thmemRiver组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "5%"
                },
                "top": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>thmemRiver组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n",
                  "default": "5%"
                },
                "right": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>thmemRiver组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": "5%"
                },
                "bottom": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>thmemRiver组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n",
                  "default": "5%"
                },
                "width": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>thmemRiver组件的宽度。</p>\n",
                  "default": null
                },
                "height": {
                  "type": [
                    "string",
                    "number"
                  ],
                  "descriptionCN": "<p>thmemRiver组件的高度。</p>\n<p><strong> 注意：</strong>\n整个主题河流view的位置信息复用了单个时间轴的位置信息，即left，top，right，bottom。</p>\n",
                  "default": null
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>坐标系统，主题河流用的是单个的时间轴。</p>\n",
                  "default": "\"single\""
                },
                "boundaryGap": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>图中与坐标轴正交的方向的边界间隙，设置该值是为了调整图的位置，使其尽量处于屏幕的正中间，避免处于屏幕的上方或下方。</p>\n",
                  "default": "[\"10%\", \"10%\"]"
                },
                "singleAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>单个时间轴的index，默认值为0，因为只有单个轴。</p>\n",
                  "default": 0
                },
                "label": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p><code>label</code> 描述了主题河流中每个带状河流分支对应的文本标签的样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": true
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n",
                          "default": "'left'"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "'#000'"
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 11
                            }
                          }
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "show": {
                          "type": [
                            "boolean"
                          ],
                          "descriptionCN": "<p>是否显示标签。</p>\n",
                          "default": false
                        },
                        "position": {
                          "type": [
                            "string",
                            "Array"
                          ],
                          "descriptionCN": "<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n"
                        },
                        "offset": {
                          "type": [
                            "Array"
                          ],
                          "descriptionCN": "<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"
                        },
                        "textStyle": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>标签的字体样式。</p>\n",
                          "properties": {
                            "color": {
                              "type": [
                                "Color"
                              ],
                              "descriptionCN": "<p>文字的颜色。</p>\n",
                              "default": "\"#fff\""
                            },
                            "fontStyle": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                              "default": "'normal'"
                            },
                            "fontWeight": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                              "default": "normal"
                            },
                            "fontFamily": {
                              "type": [
                                "string"
                              ],
                              "descriptionCN": "<p>文字的字体系列</p>\n",
                              "default": "'sans-serif'"
                            },
                            "fontSize": {
                              "type": [
                                "number"
                              ],
                              "descriptionCN": "<p>文字的字体大小</p>\n",
                              "default": 12
                            }
                          }
                        }
                      }
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>主题河流中每个带状河流分支的样式。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n",
                          "default": 20
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n",
                          "default": "'rgba(0,0,0,0.8)'"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "date": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>时间或主题的时间属性。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>事件或主题在某个时间点的值。</p>\n"
                      },
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>事件或主题的名称。</p>\n<pre><code class=\"lang-js\">data: [\n    [&quot;2015/11/09&quot;,10,&quot;DQ&quot;],\n    [&quot;2015/11/10&quot;,10,&quot;DQ&quot;],\n    [&quot;2015/11/11&quot;,10,&quot;DQ&quot;],\n    [&quot;2015/11/08&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/09&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/10&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/11&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/12&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/13&quot;,10,&quot;QG&quot;],\n    [&quot;2015/11/08&quot;,10,&quot;QG&quot;],\n    [&quot;2015/11/11&quot;,10,&quot;QG&quot;],\n    [&quot;2015/11/13&quot;,10,&quot;QG&quot;],\n]\n</code></pre>\n<p><strong>数据说明：</strong></p>\n<p>如上所示，主题河流的数据格式是二维数组的形式，里层数组的每一项由事件或主题的时间属性、事件或主题在某个时间点的值，以及事件或主题的名称组成。值得注意的是，一定要提供一个具有完整时间段的事件或主题作为主干河流，其他事件或主题以该主干河流为依据，将缺省的时间点上的值补为0，也就是说其他事件或主题的时间段是包含在主干河流内的，如果超出，布局会出错，这么做的原因是，在计算整个图的布局的时候要计算一条baseline，以便将每个事情画成流带状。如上图中的&quot;SS&quot;这一事件就是一个主干河流，经过处理，我们会将&quot;DQ&quot;中缺省的三个时间点以[&quot;2015/11/08&quot;,0,&quot;DQ&quot;]，[&quot;2015/11/12&quot;,0,&quot;DQ&quot;]，［&quot;2015/11/13&quot;,0,&quot;DQ&quot;］的格式补齐，使其与主干河流对其。从中还可以看出，我们可以在完整时间段的任意位置缺省。</p>\n"
                      }
                    }
                  }
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            },
            {
              "type": [
                "Object"
              ],
              "descriptionCN": "<p><strong>自定义系列</strong></p>\n<p>自定义系列可以自定义系列中的图形元素渲染。从而能扩展出不同的图表。</p>\n<p>同时，echarts 会统一管理图形的创建删除、动画、与其他组件（如 <a href=\"#dataZoom\">dataZoom</a>、<a href=\"#visualMap\">visualMap</a>）的联动，使开发者不必纠结这些细节。</p>\n<p><strong>例如，下面的例子使用 custom series 扩展出了 x-range 图：</strong></p>\n<iframe data-src=\"https://ecomfe.github.io/echarts-examples/public/view.html?c=custom-profile&reset=1&edit=1\" width=\"800\" height=\"500\" ></iframe>\n\n\n<p><strong>更多的例子参见：<a href=\"http://echarts.baidu.com/examples.html#chart-type-custom\" target=\"_blank\">custom examples</a></strong></p>\n<p><strong><a href=\"http://echarts.baidu.com/tutorial.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%B3%BB%E5%88%97\" target=\"_blank\">这里是个教程</a></strong></p>\n<p><br>\n<strong>开发者自定义渲染逻辑（renderItem 函数）</strong></p>\n<p>custom 系列需要开发者自己提供图形渲染的逻辑。这个渲染逻辑一般命名为 <a href=\"#series-custom.renderItem\">renderItem</a>。例如：</p>\n<pre><code class=\"lang-js\">var option = {\n    ...,\n    series: [{\n        type: &#39;custom&#39;,\n        renderItem: function (params, api) {\n            var categoryIndex = api.value(0);\n            var start = api.coord([api.value(1), categoryIndex]);\n            var end = api.coord([api.value(2), categoryIndex]);\n            var height = api.size([0, 1])[1] * 0.6;\n\n            return {\n                type: &#39;rect&#39;,\n                shape: echarts.graphic.clipRectByRect({\n                    x: start[0],\n                    y: start[1] - height / 2,\n                    width: end[0] - start[0],\n                    height: height\n                }, {\n                    x: params.coordSys.x,\n                    y: params.coordSys.y,\n                    width: params.coordSys.width,\n                    height: params.coordSys.height\n                }),\n                style: api.style()\n            };\n        },\n        data: data\n    }]\n}\n</code></pre>\n<p>对于 <code>data</code> 中的每个数据项（为方便描述，这里称为 <code>dataItem</code>)，会调用此 <a href=\"#series-custom.renderItem\">renderItem</a> 函数。</p>\n<p><a href=\"#series-custom.renderItem\">renderItem</a> 函数提供了两个参数：</p>\n<ul>\n<li><a href=\"#series-custom.renderItem.arguments.params\">params</a>：包含了当前数据信息和坐标系的信息。</li>\n<li><a href=\"#series-custom.renderItem.arguments.api\">api</a>：是一些开发者可调用的方法集合。</li>\n</ul>\n<p><a href=\"#series-custom.renderItem\">renderItem</a> 函数须返回根据此 <code>dataItem</code> 绘制出的图形元素的定义信息，参见 <a href=\"#series-custom.renderItem.return\">renderItem.return</a>。</p>\n<p>一般来说，<a href=\"#series-custom.renderItem\">renderItem</a> 函数的主要逻辑，是将 <code>dataItem</code> 里的值映射到坐标系上的图形元素。这一般需要用到 <a href=\"#series-custom.renderItem.arguments.api\">renderItem.arguments.api</a> 中的两个函数：</p>\n<ul>\n<li><a href=\"#series-custom.renderItem.arguments.api.value\">api.value(...)</a>，意思是取出 <code>dataItem</code> 中的数值。例如 <code>api.value(0)</code> 表示取出当前 <code>dataItem</code> 中第一个维度的数值。</li>\n<li><a href=\"#series-custom.renderItem.arguments.api.coord\">api.coord(...)</a>，意思是进行坐标转换计算。例如 <code>var point = api.coord([api.value(0), api.value(1)])</code> 表示 <code>dataItem</code> 中的数值转换成坐标系上的点。</li>\n</ul>\n<p>有时候还需要用到 <a href=\"#series-custom.renderItem.arguments.api.size\">api.size(...)</a> 函数，表示得到坐标系上一段数值范围对应的长度。</p>\n<p>返回值中样式的设置可以使用 <a href=\"#series-custom.renderItem.arguments.api.style\">api.style(...)</a> 函数，他能得到 <a href=\"#series-custom.itemStyle.normal\">series.itemStyle.normal</a> 中定义的样式信息，以及视觉映射的样式信息。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: &#39;green&#39;, stroke: &#39;yellow&#39;})</code>。</p>\n<p><br>\n<strong>维度的映射（encode 和 dimensions 属性）</strong></p>\n<p><code>custom</code> 系列往往需要定义 <a href=\"#series-custom.encode\">series.encode</a>，主要用于指明 <code>data</code> 的哪些维度映射到哪些数轴上。从而，echarts 能根据这些维度的值的范围，画出合适的数轴刻度。\n同时，encode.tooltip 和 encode.label 也可以被指定，指明默认的 tooltip 和 label 显示什么内容。<a href=\"#series-custom.dimensions\">series.dimensions</a> 也可以被指定，指明显示在 tooltip 中的维度名称，或者维度的类型。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;custom&#39;,\n    renderItem: function () {\n        ...\n    },\n    encode: {\n        x: [2, 4, 3],\n        y: 1,\n        label: 0,\n        tooltip: [2, 4, 3]\n    }\n}\n</code></pre>\n<p><br>\n<strong>与 dataZoom 组件的结合</strong></p>\n<p>与 <a href=\"#dataZoom\">dataZoom</a> 结合使用的时候，常常使用会设置 <a href=\"#dataZoom.filterMode\">dataZoom.filterMode</a> 为 &#39;weakFilter&#39;，从而让 <code>dataItem</code> 部分超出坐标系边界的时候，不会整体被过滤掉。</p>\n<p><br>\n<strong>关于 <code>dataIndex</code> 和 <code>dataIndexInside</code> 的区别</strong></p>\n<ul>\n<li><code>dataIndex</code> 指的 <code>dataItem</code> 在原始数据中的 index。</li>\n<li><code>dataIndexInside</code> 指的是 <code>dataItem</code> 在当前数据窗口（参见 <a href=\"#dataZoom\">dataZoom</a>）中的 index。</li>\n</ul>\n<p><a href=\"#series-custom.renderItem.arguments.api\">renderItem.arguments.api</a> 中使用的参数都是 <code>dataIndexInside</code> 而非 <code>dataIndex</code>，因为从 <code>dataIndex</code> 转换成 <code>dataIndexInside</code> 需要时间开销。</p>\n",
              "properties": {
                "type": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "",
                  "default": "'custom'"
                },
                "name": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"
                },
                "legendHoverLink": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n",
                  "default": true
                },
                "coordinateSystem": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-custom.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-custom.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-custom.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-custom.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件</p>\n</li>\n</ul>\n",
                  "default": "'cartesian2d'"
                },
                "xAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n",
                  "default": 0
                },
                "yAxisIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n",
                  "default": 0
                },
                "polarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "geoIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "calendarIndex": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n",
                  "default": 0
                },
                "renderItem": {
                  "type": [
                    "Function"
                  ],
                  "descriptionCN": "<p>custom 系列需要开发者自己提供图形渲染的逻辑。这个渲染逻辑一般命名为 <a href=\"#series-custom.renderItem\">renderItem</a>。例如：</p>\n<pre><code class=\"lang-js\">var option = {\n    ...,\n    series: [{\n        type: &#39;custom&#39;,\n        renderItem: function (params, api) {\n            var categoryIndex = api.value(0);\n            var start = api.coord([api.value(1), categoryIndex]);\n            var end = api.coord([api.value(2), categoryIndex]);\n            var height = api.size([0, 1])[1] * 0.6;\n\n            return {\n                type: &#39;rect&#39;,\n                shape: echarts.graphic.clipRectByRect({\n                    x: start[0],\n                    y: start[1] - height / 2,\n                    width: end[0] - start[0],\n                    height: height\n                }, {\n                    x: params.coordSys.x,\n                    y: params.coordSys.y,\n                    width: params.coordSys.width,\n                    height: params.coordSys.height\n                }),\n                style: api.style()\n            };\n        },\n        data: data\n    }]\n}\n</code></pre>\n<p>对于 <code>data</code> 中的每个数据项（为方便描述，这里称为 <code>dataItem</code>)，会调用此 <a href=\"#series-custom.renderItem\">renderItem</a> 函数。</p>\n<p><a href=\"#series-custom.renderItem\">renderItem</a> 函数提供了两个参数：</p>\n<ul>\n<li><a href=\"#series-custom.renderItem.arguments.params\">params</a>：包含了当前数据信息和坐标系的信息。</li>\n<li><a href=\"#series-custom.renderItem.arguments.api\">api</a>：是一些开发者可调用的方法集合。</li>\n</ul>\n<p><a href=\"#series-custom.renderItem\">renderItem</a> 函数须返回根据此 <code>dataItem</code> 绘制出的图形元素的定义信息，参见 <a href=\"#series-custom.renderItem.return\">renderItem.return</a>。</p>\n<p>一般来说，<a href=\"#series-custom.renderItem\">renderItem</a> 函数的主要逻辑，是将 <code>dataItem</code> 里的值映射到坐标系上的图形元素。这一般需要用到 <a href=\"#series-custom.renderItem.arguments.api\">renderItem.arguments.api</a> 中的两个函数：</p>\n<ul>\n<li><a href=\"#series-custom.renderItem.arguments.api.value\">api.value(...)</a>，意思是取出 <code>dataItem</code> 中的数值。例如 <code>api.value(0)</code> 表示取出当前 <code>dataItem</code> 中第一个维度的数值。</li>\n<li><a href=\"#series-custom.renderItem.arguments.api.coord\">api.coord(...)</a>，意思是进行坐标转换计算。例如 <code>var point = api.coord([api.value(0), api.value(1)])</code> 表示 <code>dataItem</code> 中的数值转换成坐标系上的点。</li>\n</ul>\n<p>有时候还需要用到 <a href=\"#series-custom.renderItem.arguments.api.size\">api.size(...)</a> 函数，表示得到坐标系上一段数值范围对应的长度。</p>\n<p>返回值中样式的设置可以使用 <a href=\"#series-custom.renderItem.arguments.api.style\">api.style(...)</a> 函数，他能得到 <a href=\"#series-custom.itemStyle.normal\">series.itemStyle.normal</a> 中定义的样式信息，以及视觉映射的样式信息。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: &#39;green&#39;, stroke: &#39;yellow&#39;})</code>。</p>\n",
                  "properties": {
                    "arguments": {
                      "type": [
                        "*"
                      ],
                      "descriptionCN": "<p>renderItem 函数的参数。</p>\n",
                      "properties": {
                        "params": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>renderItem 函数的第一个参数，含有：</p>\n<pre><code class=\"lang-js\">{\n    context: // {string} 一个可供开发者暂存东西的对象。\n    seriesId: // {string} 本系列 id。\n    seriesName: // {string} 本系列 name。\n    seriesIndex: // {number} 本系列 index。\n    dataIndex: // {number} 数据项的 index。\n    dataIndexInside: // {number} 数据项在当前坐标系中可见的数据的 index（即 dataZoom 当前窗口中的数据的 index）。\n    dataInsideLength: // {number} 当前坐标系中可见的数据长度（即 dataZoom 当前窗口中的数据数量）。\n    coordSys: // 不同的坐标系中，coordSys 里的信息不一样，含有如下这些可能：\n    coordSys: {\n        type: &#39;cartesian2d&#39;,\n        x: // {number} grid rect 的 x\n        y: // {number} grid rect 的 y\n        width: // {number} grid rect 的 width\n        height: // {number} grid rect 的 height\n    },\n    coordSys: {\n        type: &#39;calendar&#39;,\n        x: // {number} calendar rect 的 x\n        y: // {number} calendar rect 的 y\n        width: // {number} calendar rect 的 width\n        height: // {number} calendar rect 的 height\n        cellWidth: // {number} calendar cellWidth\n        cellHeight: // {number} calendar cellHeight\n        rangeInfo: {\n            start: // calendar 日期开端\n            end: // calendar 日期结尾\n            weeks: // calendar 周数\n            dayCount: // calendar 日数\n        }\n    },\n    coordSys: {\n        type: &#39;geo&#39;,\n        x: // {number} geo rect 的 x\n        y: // {number} geo rect 的 y\n        width: // {number} geo rect 的 width\n        height: // {number} geo rect 的 height\n    },\n    coordSys: {\n        type: &#39;polar&#39;,\n        cx: // {number} polar 的中心坐标\n        cy: // {number} polar 的中心坐标\n        r: // {number} polar 的外半径\n        r0: // {number} polar 的内半径\n    },\n    coordSys: {\n        type: &#39;singleAxis&#39;,\n        x: // {number} singleAxis rect 的 x\n        y: // {number} singleAxis rect 的 y\n        width: // {number} singleAxis rect 的 width\n        height: // {number} singleAxis rect 的 height\n    }\n}\n</code></pre>\n<p>其中，关于 <code>dataIndex</code> 和 <code>dataIndexInside</code> 的区别：</p>\n<ul>\n<li><code>dataIndex</code> 指的 <code>dataItem</code> 在原始数据中的 index。</li>\n<li><code>dataIndexInside</code> 指的是 <code>dataItem</code> 在当前数据窗口（参见 <a href=\"#dataZoom\">dataZoom</a>）中的 index。</li>\n</ul>\n<p><a href=\"#series-custom.renderItem.arguments.api\">renderItem.arguments.api</a> 中使用的参数都是 <code>dataIndexInside</code> 而非 <code>dataIndex</code>，因为从 <code>dataIndex</code> 转换成 <code>dataIndexInside</code> 需要时间开销。</p>\n"
                        },
                        "api": {
                          "type": [
                            "Object"
                          ],
                          "descriptionCN": "<p>renderItem 函数的第二个参数。</p>\n",
                          "properties": {
                            "value": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>得到给定维度的数据值。</p>\n<pre><code>@param {number} dimension 指定的维度（维度从 0 开始计数）。\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {number} 给定维度上的值。\n</code></pre>"
                            },
                            "coord": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>将数据值映射到坐标系上。</p>\n<pre><code>@param {Array.&lt;number&gt;} data 数据值。\n@return {Array.&lt;number&gt;} 画布上的点的坐标，至少包含：[x, y]\n        对于polar坐标系，还会包含其他信息：\n        polar: [x, y, radius, angle]\n</code></pre>"
                            },
                            "size": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>给定数据范围，映射到坐标系上后的长度。</p>\n<p>例如，cartesian2d中，<code>api.size([2, 4])</code> 返回 <code>[12.4, 55]</code>，表示 x 轴数据范围为 2 映射得到长度是 <code>12.4</code>，y 轴数据范围为 4 时应设得到长度为 <code>55</code>。</p>\n<p>在一些坐标系中，如极坐标系（polar）或者有 log 数轴的坐标系，不同点的长度是不同的，所以需要第二个参数，指定获取长度的点。</p>\n<pre><code>@param {Array.&lt;number&gt;} dataSize 数据范围。\n@param {Array.&lt;number&gt;} dataItem 获取长度的点。\n@return {Array.&lt;number&gt;} 画布上的长度\n</code></pre>"
                            },
                            "style": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>能得到 <a href=\"#series-custom.itemStyle.normal\">series.itemStyle.normal</a> 中定义的样式信息和视觉映射得到的样式信息，可直接用于绘制图元。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: &#39;green&#39;, stroke: &#39;yellow&#39;})</code>。</p>\n<pre><code>@param {Object} [extra] 额外指定的样式信息。\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {Object} 直接用于绘制图元的样式信息。\n</code></pre>"
                            },
                            "styleEmphasis": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>能得到 <a href=\"#series-custom.itemStyle.emphasis\">series.itemStyle.emphasis</a> 中定义的样式信息和视觉映射的样式信息，可直接用于绘制图元。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: &#39;green&#39;, stroke: &#39;yellow&#39;})</code>。</p>\n<pre><code>@param {Object} [extra] 额外指定的样式信息。\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {Object} 直接用于绘制图元的样式信息。\n</code></pre>"
                            },
                            "visual": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>得到视觉映射的样式信息。比较少被使用。</p>\n<pre><code>@param {string} visualType &#39;color&#39;, &#39;symbol&#39;, &#39;symbolSize&#39;, ...\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {string|number} 视觉映射的样式值。\n</code></pre>"
                            },
                            "barLayout": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>当需要采用 barLayout 的时候，比如向柱状图上附加些东西，可以用这个方法得到 layout 信息。\n参见 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=custom-bar-trend\" target=\"_blank\">例子</a>。</p>\n<pre><code>@param {Object} opt\n@param {number} opt.count 每个簇有多少个 bar。\n@param {number} [opt.barWidth] bar 宽度。\n@param {number} [opt.barMaxWidth] bar 最大宽度。\n@param {number} [opt.barGap] 每个簇的 bar 之间的宽度。\n@param {number} [opt.barCategoryGap] 不同簇间的宽度。\n@return {Object} {\n        width: number bar 的宽度。\n        offset: number bar 的偏移量，以bar最左为基准。\n        offsetCenter: number bar 的偏移量，以bar中心为基准。\n    }\n</code></pre>"
                            },
                            "currentSeriesIndices": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>得到系列的 当前index。注意这个 index 不同于系列定义时的 index。这个 index 是当 legend 组件进行了系列筛选后，剩余的系列排列后的 index。</p>\n<pre><code>@return {number}\n</code></pre>"
                            },
                            "font": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<p>得到可以直接进行样式设置的文字信息字符串。</p>\n<pre><code>@param {Object} opt\n@param {string} [opt.fontStyle]\n@param {number} [opt.fontWeight]\n@param {number} [opt.fontSize]\n@param {string} [opt.fontFamily]\n@return {string} font 字符串。\n</code></pre>"
                            },
                            "getWidth": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<pre><code>@return {number} echarts 容器的宽度。\n</code></pre>"
                            },
                            "getHeight": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<pre><code>@return {number} echarts 容器的高度。\n</code></pre>"
                            },
                            "getZr": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<pre><code>@return {module:zrender} zrender 实例。\n</code></pre>"
                            },
                            "getDevicePixelRatio": {
                              "type": [
                                "Function"
                              ],
                              "descriptionCN": "<pre><code>@return {number} 得到当前 devicePixelRatio。\n</code></pre>"
                            }
                          }
                        }
                      }
                    },
                    "return": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p>图形元素。每个图形元素是一个 object。详细信息参见：<a href=\"#graphic.elements\">graphic</a>。（width\\height\\top\\bottom 不支持）</p>\n<p>如果什么都不渲染，可以不返回任何东西。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">// 单独一个矩形\n{\n    type: &#39;rect&#39;,\n    shape: {\n        x: x, y: y, width: width, height: height\n    },\n    style: api.style()\n}\n</code></pre>\n<pre><code class=\"lang-js\">// 一组图形元素\n{\n    type: &#39;group&#39;,\n    children: [{\n        type: &#39;circle&#39;,\n        shape: {\n            cx: cx, cy: cy, r: r\n        },\n        style: api.style()\n    }, {\n        type: &#39;line&#39;,\n        shape: {\n            x1: x1, y1: y1, x2: x2, y2: y2\n        },\n        style: api.style()\n    }]\n}\n</code></pre>\n"
                    }
                  }
                },
                "itemStyle": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p> 图形样式，有 <code>normal</code> 和 <code>emphasis</code> 两个状态。<code>normal</code> 是图形在默认状态下的样式；<code>emphasis</code> 是图形在高亮状态下的样式，比如在鼠标悬浮或者图例联动高亮时。</p>\n",
                  "properties": {
                    "normal": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    },
                    "emphasis": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                          "default": "自适应"
                        },
                        "borderColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                          "default": "\"#000\""
                        },
                        "borderWidth": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                          "default": 0
                        },
                        "borderType": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                          "default": "'solid'"
                        },
                        "shadowBlur": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                        },
                        "shadowColor": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                        },
                        "shadowOffsetX": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "shadowOffsetY": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                          "default": 0
                        },
                        "opacity": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                        }
                      }
                    }
                  }
                },
                "dimensions": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>使用 dimensions 定义 <code>data</code> 每个维度的信息。例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    data: [\n        // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n        // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code></li>\n<li><code>float</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array\" target=\"_blank\">Float64Array</a></li>\n<li><code>int</code>，即 <a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array\" target=\"_blank\">Int32Array</a></li>\n<li><code>ordinal</code>，表示离散数据，一般指字符串。</li>\n<li><code>time</code>，表示时间类型，时间类型的支持参见 <a href=\"#series.data\">data</a></li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n"
                },
                "encode": {
                  "type": [
                    "Object"
                  ],
                  "descriptionCN": "<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    encode: {\n        x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n        y: 2,              // 表示维度 2 映射到 y 轴。\n        tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        label: 3           // 表示 label 使用维度 3。\n    },\n    data: [\n        // 每一列称为一个『维度』。\n        // 这里分别是维度 0、1、2、3、4。\n        [12, 44, 55, 66, 2],\n        [23, 6, 16, 23, 1],\n        ...\n    ]\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>label</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    },\n    data: [ ... ]\n}\n</code></pre>\n"
                },
                "data": {
                  "type": [
                    "Array"
                  ],
                  "descriptionCN": "<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>通常来说，数据用一个二维数组表示。如下，每一列被称为一个『维度』。</p>\n<pre><code class=\"lang-js\">series: [{\n    data: [\n        // 维度X   维度Y   其他维度 ...\n        [  3.4,    4.5,   15,   43],\n        [  4.2,    2.3,   20,   91],\n        [  10.8,   9.5,   30,   18],\n        [  7.2,    8.8,   18,   57]\n    ]\n}]\n</code></pre>\n<ul>\n<li>在 <a href=\"#grid\">直角坐标系 (grid)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#xAxis\">xAxis</a> 和 <a href=\"#yAxis\">yAxis</a>。</li>\n<li>在 <a href=\"#polar\">极坐标系 (polar)</a> 中『维度X』和『维度Y』会默认对应于 <a href=\"#radiusAxis\">radiusAxis</a> 和 <a href=\"#anbleAxis\">angleAxis</a>。</li>\n<li>后面的其他维度是可选的，可以在别处被使用，例如：<ul>\n<li>在 <a href=\"#visualMap\">visualMap</a> 中可以将一个或多个维度映射到颜色，大小等多个图形属性上。</li>\n<li>在 <a href=\"#series.symbolSize\">series.symbolSize</a> 中可以使用回调函数，基于某个维度得到 symbolSize 值。</li>\n<li>使用 <a href=\"#tooltip.formatter\">tooltip.formatter</a> 或 <a href=\"#series.label.normal.formatter\">series.label.normal.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n    data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;]\n},\nseries: [{\n    // 与 xAxis.data 一一对应。\n    data: [23,  44,  55,  19]\n    // 它其实是下面这种形式的简化：\n    // data: [[0, 23], [1, 44], [2, 55], [3, 19]]\n}]\n</code></pre>\n<p><br>\n<strong>『值』与 <a href=\"#xAxis.type\">轴类型</a> 的关系：</strong></p>\n<ul>\n<li><p>当某维度对应于数值轴（axis.type 为 <code>&#39;value&#39;</code> 或者 <code>&#39;log&#39;</code>）的时候：</p>\n<p>  其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以容忍 <code>string</code> 形式的 number，例如 <code>&#39;12&#39;</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>&#39;category&#39;</code>）的时候：</p>\n<p>  其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\">  xAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;]\n  },\n  yAxis: {\n      type: &#39;category&#39;,\n      data: [&#39;a&#39;, &#39;b&#39;, &#39;m&#39;, &#39;n&#39;, &#39;p&#39;, &#39;q&#39;]\n  },\n  series: [{\n      data: [\n          // xAxis    yAxis\n          [  0,        0,    2  ], // 意思是此点位于 xAxis: &#39;星期一&#39;, yAxis: &#39;a&#39;。\n          [  &#39;星期四&#39;,  2,    1  ], // 意思是此点位于 xAxis: &#39;星期四&#39;, yAxis: &#39;m&#39;。\n          [  2,       &#39;p&#39;,   2  ], // 意思是此点位于 xAxis: &#39;星期三&#39;, yAxis: &#39;p&#39;。\n          [  3,        3,    5  ]\n      ]\n  }]\n</code></pre>\n<p>  双类目轴的示例可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>&#39;time&#39;</code>）的时候，值可以为：</p>\n<ul>\n<li>一个时间戳，如 <code>1484141700832</code>，表示 UTC 时间。</li>\n<li>或者字符串形式的时间描述：<ul>\n<li><a href=\"http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15\" target=\"_blank\">ISO 8601</a> 的子集，只包含这些形式（这几种格式，除非指明时区，否则均表示本地时间，与 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a> 一致）：<ul>\n<li>部分年月日时间: <code>&#39;2012-03&#39;</code>, <code>&#39;2012-03-01&#39;</code>, <code>&#39;2012-03-01 05&#39;</code>, <code>&#39;2012-03-01 05:06&#39;</code>.</li>\n<li>使用 <code>&#39;T&#39;</code> 或空格分割: <code>&#39;2012-03-01T12:22:33.123&#39;</code>, <code>&#39;2012-03-01 12:22:33.123&#39;</code>.</li>\n<li>时区设定: <code>&#39;2012-03-01T12:22:33Z&#39;</code>, <code>&#39;2012-03-01T12:22:33+8000&#39;</code>, <code>&#39;2012-03-01T12:22:33-05:00&#39;</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>&#39;2012&#39;</code>, <code>&#39;2012-3-1&#39;</code>, <code>&#39;2012/3/1&#39;</code>, <code>&#39;2012/03/01&#39;</code>,\n<code>&#39;2009/6/12 2:00&#39;</code>, <code>&#39;2009/6/12 2:05:08&#39;</code>, <code>&#39;2009/6/12 2:05:08.123&#39;</code></li>\n</ul>\n</li>\n<li>或者用户自行初始化的 Date 实例：<ul>\n<li>注意，用户自行初始化 Date 实例的时候，<a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">浏览器的行为有差异，不同字符串的表示也不同</a>。</li>\n<li>例如：在 chrome 中，<code>new Date(&#39;2012-01-01&#39;)</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date(&#39;2012-1-1&#39;)</code> 和 <code>new Date(&#39;2012/01/01&#39;)</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date(&#39;2012-1-1&#39;)</code> 这种表示方法。</li>\n<li>所以，使用 <code>new Date(dataString)</code> 时，可使用第三方库解析（如 <a href=\"https://momentjs.com/\" target=\"_blank\">moment</a>），或者使用 <code>echarts.number.parseDate</code>，或者参见 <a href=\"http://dygraphs.com/date-formats.html\" target=\"_blank\">这里</a>。</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<p><br>\n<strong>当需要对个别数据进行个性化定义时：</strong></p>\n<p>数组项可用对象，其中的 <code>value</code> 像表示具体的数值，如：</p>\n<pre><code class=\"lang-js\">[\n    12,\n    34,\n    {\n        value : 56,\n        //自定义标签样式，仅对该数据项有效\n        label: {},\n        //自定义特殊 itemStyle，仅对该数据项有效\n        itemStyle:{}\n    },\n    10\n]\n// 或\n[\n    [12, 33],\n    [34, 313],\n    {\n        value: [56, 44],\n        label: {},\n        itemStyle:{}\n    },\n    [10, 33]\n]\n</code></pre>\n<p><br>\n<strong>空值：</strong></p>\n<p>当某数据不存在时（ps：<em>不存在</em>不代表值为 0），可以用 <code>&#39;-&#39;</code> 或者 <code>null</code> 或者 <code>undefined</code> 或者 <code>NaN</code> 表示。</p>\n<p>例如，无数据在折线图中可表现为该点是断开的，在其它图中可表示为图形不存在。</p>\n<p><br><br></p>\n",
                  "items": {
                    "type": "Object",
                    "properties": {
                      "name": {
                        "type": [
                          "string"
                        ],
                        "descriptionCN": "<p>数据项名称。</p>\n"
                      },
                      "value": {
                        "type": [
                          "number"
                        ],
                        "descriptionCN": "<p>单个数据项的数值。</p>\n"
                      },
                      "itemStyle": {
                        "type": [
                          "Object"
                        ],
                        "descriptionCN": "",
                        "properties": {
                          "normal": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          },
                          "emphasis": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
                                "default": "自适应"
                              },
                              "borderColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>图形的描边颜色。支持的格式同 <code>color</code>。</p>\n",
                                "default": "\"#000\""
                              },
                              "borderWidth": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>描边线宽。为 0 时无描边。</p>\n",
                                "default": 0
                              },
                              "borderType": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n",
                                "default": "'solid'"
                              },
                              "shadowBlur": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"
                              },
                              "shadowColor": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"
                              },
                              "shadowOffsetX": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影水平方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "shadowOffsetY": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>阴影垂直方向上的偏移距离。</p>\n",
                                "default": 0
                              },
                              "opacity": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"
                              }
                            }
                          }
                        }
                      },
                      "tooltip": {
                        "type": [
                          "*"
                        ],
                        "descriptionCN": "<p>本系列每个数据项中特定的 tooltip 设定。</p>\n",
                        "properties": {
                          "position": {
                            "type": [
                              "string",
                              "Array",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                          },
                          "formatter": {
                            "type": [
                              "string",
                              "Function"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                          },
                          "backgroundColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                            "default": "'rgba(50,50,50,0.7)'"
                          },
                          "borderColor": {
                            "type": [
                              "Color"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                            "default": "'#333'"
                          },
                          "borderWidth": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                            "default": 0
                          },
                          "padding": {
                            "type": [
                              "number"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                            "default": 5
                          },
                          "textStyle": {
                            "type": [
                              "Object"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                            "properties": {
                              "color": {
                                "type": [
                                  "Color"
                                ],
                                "descriptionCN": "<p>文字的颜色。</p>\n",
                                "default": "'#fff'"
                              },
                              "fontStyle": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                                "default": "'normal'"
                              },
                              "fontWeight": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                                "default": "normal"
                              },
                              "fontFamily": {
                                "type": [
                                  "string"
                                ],
                                "descriptionCN": "<p>文字的字体系列</p>\n",
                                "default": "'sans-serif'"
                              },
                              "fontSize": {
                                "type": [
                                  "number"
                                ],
                                "descriptionCN": "<p>文字的字体大小</p>\n",
                                "default": 14
                              }
                            }
                          },
                          "extraCssText": {
                            "type": [
                              "string"
                            ],
                            "descriptionCN": "<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                          }
                        }
                      }
                    }
                  }
                },
                "zlevel": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>自定义图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n",
                  "default": 0
                },
                "z": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>自定义图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n",
                  "default": 2
                },
                "silent": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n",
                  "default": false
                },
                "animation": {
                  "type": [
                    "boolean"
                  ],
                  "descriptionCN": "<p>是否开启动画。</p>\n",
                  "default": true
                },
                "animationThreshold": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
                  "default": 2000
                },
                "animationDuration": {
                  "type": [
                    "number"
                  ],
                  "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 1000
                },
                "animationEasing": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelay": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "animationDurationUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
                  "default": 300
                },
                "animationEasingUpdate": {
                  "type": [
                    "string"
                  ],
                  "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
                  "default": "cubicOut"
                },
                "animationDelayUpdate": {
                  "type": [
                    "number",
                    "Function"
                  ],
                  "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
                  "default": 0
                },
                "tooltip": {
                  "type": [
                    "*"
                  ],
                  "descriptionCN": "<p>本系列特定的 tooltip 设定。</p>\n",
                  "properties": {
                    "position": {
                      "type": [
                        "string",
                        "Array",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"
                    },
                    "formatter": {
                      "type": [
                        "string",
                        "Function"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.normal.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"
                    },
                    "backgroundColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n",
                      "default": "'rgba(50,50,50,0.7)'"
                    },
                    "borderColor": {
                      "type": [
                        "Color"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n",
                      "default": "'#333'"
                    },
                    "borderWidth": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n",
                      "default": 0
                    },
                    "padding": {
                      "type": [
                        "number"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n",
                      "default": 5
                    },
                    "textStyle": {
                      "type": [
                        "Object"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n",
                      "properties": {
                        "color": {
                          "type": [
                            "Color"
                          ],
                          "descriptionCN": "<p>文字的颜色。</p>\n",
                          "default": "'#fff'"
                        },
                        "fontStyle": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
                          "default": "'normal'"
                        },
                        "fontWeight": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
                          "default": "normal"
                        },
                        "fontFamily": {
                          "type": [
                            "string"
                          ],
                          "descriptionCN": "<p>文字的字体系列</p>\n",
                          "default": "'sans-serif'"
                        },
                        "fontSize": {
                          "type": [
                            "number"
                          ],
                          "descriptionCN": "<p>文字的字体大小</p>\n",
                          "default": 14
                        }
                      }
                    },
                    "extraCssText": {
                      "type": [
                        "string"
                      ],
                      "descriptionCN": "<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"
                    }
                  }
                }
              }
            }
          ]
        },
        "descriptionCN": "<p>系列列表。每个系列通过 <code>type</code> 决定自己的图表类型</p>\n",
        "properties": {}
      },
      "color": {
        "type": [
          "Array"
        ],
        "descriptionCN": "<p>调色盘颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。</p>\n<p>默认为：</p>\n<pre><code class=\"lang-js\">[&#39;#c23531&#39;,&#39;#2f4554&#39;, &#39;#61a0a8&#39;, &#39;#d48265&#39;, &#39;#91c7ae&#39;,&#39;#749f83&#39;,  &#39;#ca8622&#39;, &#39;#bda29a&#39;,&#39;#6e7074&#39;, &#39;#546570&#39;, &#39;#c4ccd3&#39;]\n</code></pre>\n",
        "properties": {}
      },
      "backgroundColor": {
        "type": [
          "Color"
        ],
        "descriptionCN": "<p>背景色，默认无背景。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n",
        "default": "'transparent'",
        "properties": {}
      },
      "textStyle": {
        "type": [
          "Object"
        ],
        "descriptionCN": "<p>全局的字体样式。</p>\n",
        "properties": {
          "color": {
            "type": [
              "Color"
            ],
            "descriptionCN": "<p>文字的颜色。</p>\n",
            "default": "\"#fff\""
          },
          "fontStyle": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n",
            "default": "'normal'"
          },
          "fontWeight": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n",
            "default": "normal"
          },
          "fontFamily": {
            "type": [
              "string"
            ],
            "descriptionCN": "<p>文字的字体系列</p>\n",
            "default": "'sans-serif'"
          },
          "fontSize": {
            "type": [
              "number"
            ],
            "descriptionCN": "<p>文字的字体大小</p>\n",
            "default": 12
          }
        }
      },
      "animation": {
        "type": [
          "boolean"
        ],
        "descriptionCN": "<p>是否开启动画。</p>\n",
        "default": true,
        "properties": {}
      },
      "animationThreshold": {
        "type": [
          "number"
        ],
        "descriptionCN": "<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n",
        "default": 2000,
        "properties": {}
      },
      "animationDuration": {
        "type": [
          "number"
        ],
        "descriptionCN": "<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
        "default": 1000,
        "properties": {}
      },
      "animationEasing": {
        "type": [
          "string"
        ],
        "descriptionCN": "<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n",
        "default": "cubicOut",
        "properties": {}
      },
      "animationDelay": {
        "type": [
          "number",
          "Function"
        ],
        "descriptionCN": "<p>初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
        "default": 0,
        "properties": {}
      },
      "animationDurationUpdate": {
        "type": [
          "number",
          "Function"
        ],
        "descriptionCN": "<p>数据更新动画的时长。</p>\n<p>支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果：</p>\n<pre><code class=\"lang-js\">animationDurationUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n",
        "default": 300,
        "properties": {}
      },
      "animationEasingUpdate": {
        "type": [
          "string"
        ],
        "descriptionCN": "<p>数据更新动画的缓动效果。</p>\n",
        "default": "cubicOut",
        "properties": {}
      },
      "animationDelayUpdate": {
        "type": [
          "number",
          "Function"
        ],
        "descriptionCN": "<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelayUpdate: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n<p>也可以看<a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n",
        "default": 0,
        "properties": {}
      },
      "progressive": {
        "type": [
          "number"
        ],
        "descriptionCN": "<p>渐进式渲染时每一帧绘制图形数量，设为 0 时不启用渐进式渲染，支持每个系列单独配置。</p>\n<p>在图中有数千图形甚至好几万图形的时候，一下子把图形绘制出来，或者交互重绘的时候可能会造成界面的卡顿甚至假死，因此 ECharts 从 3.2.0 开始支持大量图形的渐进式渲染（progressive rendering），渲染的时候会把创建好的图形分到数帧中渲染，每一帧渲染只渲染指定数量的图形。</p>\n<p>该配置项就是用于配置该系列每一帧渲染的图形数，默认是 400 个，可以根据图表图形复杂度的需要适当调整这个数字使得在不影响交互流畅性的前提下达到绘制速度的最大化。比如在 lines 图或者平行坐标中线宽大于 1 的 polyline 绘制会很慢，这个数字就可以设置小一点，而线宽小于等于 1 的 polyline 绘制非常快，该配置项就可以相对调得比较大。</p>\n",
        "default": 400,
        "properties": {}
      },
      "progressiveThreshold": {
        "type": [
          "number"
        ],
        "descriptionCN": "<p>启用渐进式渲染的图形数量阈值，在单个系列的图形数量超过该阈值时启用渐进式渲染。</p>\n",
        "default": 3000,
        "properties": {}
      },
      "blendMode": {
        "type": [
          "string"
        ],
        "descriptionCN": "<p>图形的混合模式，不同的混合模式见 <a href=\"https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation\" target=\"_blank\">https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation</a> 。</p>\n<p>默认为 <code>&#39;source-over&#39;</code>。 支持每个系列单独设置。</p>\n<p><code>&#39;lighter&#39;</code> 也是比较常见的一种混合模式，该模式下图形数量集中的区域会颜色叠加成高亮度的颜色（白色）。常常能起到突出该区域的效果。见示例 <a href=\"https://ecomfe.github.io/echarts-examples/public/editor.html?c=lines-airline\" target=\"_blank\">全球飞行航线</a></p>\n",
        "default": "'source-over'",
        "properties": {}
      },
      "hoverLayerThreshold": {
        "type": [
          "number"
        ],
        "descriptionCN": "<p>图形数量阈值，决定是否开启单独的 hover 层，在整个图表的图形数量大于该阈值时开启单独的 hover 层。</p>\n<p>单独的 hover 层主要是为了在高亮图形的时候不需要重绘整个图表，只需要把高亮的图形放入单独的一个 canvas 层进行绘制，防止在图形数量很多的时候因为高亮重绘所有图形导致卡顿。</p>\n<p>ECharts 2 里是底层强制使用单独的层绘制高亮图形，但是会带来很多问题，比如高亮的图形可能会不正确的遮挡所有其它图形，还有图形有透明度因为高亮和正常图形叠加导致不正确的透明度显示，还有移动端上因为每个图表都要多一个 canvas 带来的额外内存开销。因此 3 里默认不会开启该优化，只有在图形数量特别多，有必要做该优化时才会自动开启。</p>\n",
        "default": 3000,
        "properties": {}
      },
      "useUTC": {
        "type": [
          "boolean"
        ],
        "descriptionCN": "<p>是否使用 UTC 时间。</p>\n<ul>\n<li><code>true</code>: 表示 <code>axis.type</code> 为 <code>&#39;time&#39;</code> 时，依据 UTC 时间确定 tick 位置，并且 <code>axisLabel</code> 和 <code>tooltip</code> 默认展示的是 UTC 时间。</li>\n<li><code>false</code>: 表示 <code>axis.type</code> 为 <code>&#39;time&#39;</code> 时，依据本地时间确定 tick 位置，并且 <code>axisLabel</code> 和 <code>tooltip</code> 默认展示的是本地时间。</li>\n</ul>\n<p>默认取值为false，即使用本地时间。因为考虑到：</p>\n<ul>\n<li>很多情况下，需要展示为本地时间（无论服务器存储的是否为 <code>UTC</code> 时间）。</li>\n<li>如果 data 中的时间为 &#39;2012-01-02&#39; 这样的没有指定时区的时间表达式，往往意为本地时间。默认情况下，时间被展示时需要和输入一致而非有时差。</li>\n</ul>\n<p>注意，这个参数实际影响的是『展示』，而非用户输入的时间值的解析。\n关于用户输入的时间值（例如 <code>1491339540396</code>, <code>&#39;2013-01-04&#39;</code> 等）的解析，参见 <a href=\"#series-line.data\">date 中时间相关部分</a>。</p>\n",
        "default": false,
        "properties": {}
      }
    }
  }
}