| {"$schema":"http://echarts.baidu.com/doc/json-schem","option":{"type":"Object","properties":{"title":{"type":["Object"],"description":"<p>标题组件，包含主标题和副标题。</p>\n<p>在 ECharts 2.x 中单个 ECharts 实例最多只能拥有一个标题组件。但是在 ECharts 3 中可以存在任意多个标题组件，这在需要标题进行排版，或者单个实例中的多个图表都需要标题时会比较有用。</p>\n<p><strong>例如下面不同缓动函数效果的示例，每一个缓动效果图都带有一个标题组件：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=line-easing&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n\n\n","properties":{"id":{"type":["string"]},"show":{"type":["boolean"],"default":true},"text":{"type":["string"],"default":"''"},"link":{"type":["string"],"default":"''"},"target":{"type":["string"],"default":"'blank'"},"textStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":18},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"subtext":{"type":["string"],"default":"''"},"sublink":{"type":["string"],"default":"''"},"subtarget":{"type":["string"],"default":"'blank'"},"subtextStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"'#aaa'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"padding":{"type":["number"],"default":5},"itemGap":{"type":["number"],"default":10},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'auto'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"backgroundColor":{"type":["Color"],"default":"'transparent'"},"borderColor":{"type":["Color"],"default":"'#ccc'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"legend":{"type":["Object"],"description":"<p>图例组件。</p>\n<p>图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。</p>\n<p>ECharts 3 中单个 echarts 实例中可以存在多个图例组件，会方便多个图例的布局。</p>\n<p>当图例数量过多时，可以使用 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&edit=1&reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&edit=1&reset=1\" target=\"_blank\">滚动图例（水平）</a>，参见：<a href=\"#legend.type\">legend.type</a></p>\n","properties":{"type":{"type":["string"]},"id":{"type":["string"]},"show":{"type":["boolean"],"default":true},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'auto'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"width":{"type":["string","number"],"default":"'auto'"},"height":{"type":["string","number"],"default":"'auto'"},"orient":{"type":["string"],"default":"'horizontal'"},"align":{"type":["string"],"default":"'auto'"},"padding":{"type":["number"],"default":5},"itemGap":{"type":["number"],"default":10},"itemWidth":{"type":["number"],"default":25},"itemHeight":{"type":["number"],"default":14},"symbolKeepAspect":{"type":["boolean"],"default":true},"formatter":{"type":["string","Function"],"default":null},"selectedMode":{"type":["string","boolean"],"default":true},"inactiveColor":{"type":["Color"],"default":"'#ccc'"},"selected":{"type":["Object"]},"textStyle":{"type":["Object"],"description":"<p>图例的公用文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"#333"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"tooltip":{"type":["Object"]},"data":{"type":["Array"],"description":"<p>图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的 <code>name</code>（如果是<a href=\"#series-pie\">饼图</a>，也可以是饼图单个数据的 <code>name</code>）。图例组件会自动根据对应系列的图形标记（symbol）来绘制自己的颜色和标记，特殊字符串 <code>''</code>（空字符串）或者 <code>'\\n'</code>（换行字符串）用于图例的换行。</p>\n<p>如果 <code>data</code> 没有被指定，会自动从当前系列中获取。多数系列会取自 <a href=\"#series.name\">series.name</a> 或者 <a href=\"#series.encode\">series.encode</a> 的 <code>seriesName</code> 所指定的维度。如 <a href=\"#series-pie\">饼图</a> and <a href=\"#series-funnel\">漏斗图</a> 等会取自 series.data 中的 name。</p>\n<p>如果要设置单独一项的样式，也可以把该项写成配置项对象。此时必须使用 <code>name</code> 属性对应表示系列的 <code>name</code>。</p>\n<p>示例</p>\n<pre><code>data: [{\n name: '系列1',\n // 强制设置图形为圆。\n icon: 'circle',\n // 设置文本为红色\n textStyle: {\n color: 'red'\n }\n}]\n</code></pre>","items":{"type":"Object","properties":{"name":{"type":["string"]},"icon":{"type":["string"]},"textStyle":{"type":["Object"]}}}},"backgroundColor":{"type":["Color"],"default":"'transparent'"},"borderColor":{"type":["Color"],"default":"'#ccc'"},"borderWidth":{"type":["number"],"default":1},"borderRadius":{"type":["number","Array"],"default":0},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"scrollDataIndex":{"type":["number"],"default":0},"pageButtonItemGap":{"type":["number"],"default":5},"pageButtonGap":{"type":["number"],"default":null},"pageButtonPosition":{"type":["string"],"default":"'end'"},"pageFormatter":{"type":["string","Function"],"default":"'{current}/{total}'"},"pageIcons":{"type":["Object"],"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>'scroll'</code> 时有效。</p>\n<p>图例控制块的图标。</p>\n","properties":{"horizontal":{"type":["Array"]},"vertical":{"type":["Array"]}}},"pageIconColor":{"type":["string"],"default":"'#2f4554'"},"pageIconInactiveColor":{"type":["string"],"default":"'#aaa'"},"pageIconSize":{"type":["number","Array"],"default":15},"pageTextStyle":{"type":["Object"],"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>'scroll'</code> 时有效。</p>\n<p>图例页信息的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"#333"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"animation":{"type":["boolean"]},"animationDurationUpdate":{"type":["number"],"default":800}}},"grid":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=scatter-anscombe-quartet&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n","properties":{"id":{"type":["string"]},"show":{"type":["boolean"],"default":false},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'10%'"},"top":{"type":["string","number"],"default":60},"right":{"type":["string","number"],"default":"'10%'"},"bottom":{"type":["string","number"],"default":60},"width":{"type":["string","number"],"default":"'auto'"},"height":{"type":["string","number"],"default":"'auto'"},"containLabel":{"type":["boolean"],"default":false},"backgroundColor":{"type":["Color"],"default":"'transparent'"},"borderColor":{"type":["Color"],"default":"'#ccc'"},"borderWidth":{"type":["number"],"default":1},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"tooltip":{"type":["*"],"description":"<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"],"default":true},"trigger":{"type":["string"],"default":"'item'"},"axisPointer":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"http://echarts.baidu.com/gallery/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>'axis'</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>'cross'</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>'cross'</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>'none'</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&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"],"default":"'line'"},"axis":{"type":["string"],"default":"'auto'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"crossStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'cross'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"dashed"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},"xAxis":{"type":["Object"],"description":"<p>直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放上下两个 x 轴，多于两个 x 轴需要通过配置 <a href=\"#xAxis.offset\">offset</a> 属性防止同个位置多个 x 轴的重叠。</p>\n","properties":{"id":{"type":["string"]},"show":{"type":["boolean"],"default":true},"gridIndex":{"type":["number"],"default":0},"position":{"type":["string"]},"offset":{"type":["number"],"default":0},"type":{"type":["string"],"default":"'category'"},"name":{"type":["string"]},"nameLocation":{"type":["string"],"default":"'end'"},"nameTextStyle":{"type":["Object"],"description":"<p>坐标轴名称的文字样式。</p>\n","properties":{"color":{"type":["Color"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"nameGap":{"type":["number"],"default":15},"nameRotate":{"type":["number"],"default":null},"inverse":{"type":["boolean"],"default":false},"boundaryGap":{"type":["boolean","Array"]},"min":{"type":["number","string","function"],"default":null},"max":{"type":["number","string"],"default":null},"scale":{"type":["boolean"],"default":false},"splitNumber":{"type":["number"],"default":5},"minInterval":{"type":["number"],"default":0},"maxInterval":{"type":["number"]},"interval":{"type":["number"]},"logBase":{"type":["number"],"default":10},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"onZero":{"type":["boolean"],"default":true},"onZeroAxisIndex":{"type":["number"]},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"alignWithLabel":{"type":["boolean"],"default":false},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"rotate":{"type":["number"],"default":0},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"splitLine":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Array","string"],"default":"['#ccc']"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"splitArea":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n","properties":{"interval":{"type":["number","Function"],"default":"'auto'"},"show":{"type":["boolean"],"default":false},"areaStyle":{"type":["Object"],"description":"<p>分隔区域的样式设置。</p>\n","properties":{"color":{"type":["Array"],"default":"['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<p>类目数据，在类目轴（<a href=\"#xAxis.type\">type</a>: <code>'category'</code>）中有效。</p>\n<p>如果没有设置 <a href=\"#xAxis.type\">type</a>，但是设置了 <code>axis.data</code>，则认为 <code>type</code> 是 <code>'category'</code>。</p>\n<p>如果设置了 <a href=\"#xAxis.type\">type</a> 是 <code>'category'</code>，但没有设置 <code>axis.data</code>，则 <code>axis.data</code> 的内容会自动从 <a href=\"#series.data\">series.data</a> 中获取，这会比较方便。不过注意，<code>axis.data</code> 指明的是 <code>'category'</code> 轴的取值范围。如果不指定而是从 <a href=\"#series.data\">series.data</a> 中获取，那么只能获取到 <a href=\"#series.data\">series.data</a> 中出现的值。比如说，假如 <a href=\"#series.data\">series.data</a> 为空时，就什么也获取不到。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n value: '周一',\n // 突出周一\n textStyle: {\n fontSize: 20,\n color: 'red'\n }\n}, '周二', '周三', '周四', '周五', '周六', '周日']\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["string"]},"textStyle":{"type":["Object"],"description":"<p>类目标签的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}},"axisPointer":{"type":["Object"],"description":"<p>axisPointer settings on axis.</p>\n","properties":{"show":{"type":["boolean"],"default":false},"type":{"type":["string"],"default":"'line'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"triggerTooltip":{"type":["boolean"],"default":true},"value":{"type":["number"],"default":null},"status":{"type":["boolean"]},"handle":{"type":["Object"],"description":"<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&reset=1\" target=\"_blank\">例子</a>。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"icon":{"type":["*"]},"size":{"type":["number","Array"],"default":45},"margin":{"type":["number"],"default":50},"color":{"type":["string"],"default":"'#333'"},"throttle":{"type":["number"],"default":40},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":0}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":0}}},"yAxis":{"type":["Object"],"description":"<p>直角坐标系 grid 中的 y 轴，一般情况下单个 grid 组件最多只能放左右两个 y 轴，多于两个 y 轴需要通过配置 <a href=\"#yAxis.offset\">offset</a> 属性防止同个位置多个 Y 轴的重叠。</p>\n","properties":{"id":{"type":["string"]},"show":{"type":["boolean"],"default":true},"gridIndex":{"type":["number"],"default":0},"position":{"type":["string"]},"offset":{"type":["number"],"default":0},"type":{"type":["string"],"default":"'value'"},"name":{"type":["string"]},"nameLocation":{"type":["string"],"default":"'end'"},"nameTextStyle":{"type":["Object"],"description":"<p>坐标轴名称的文字样式。</p>\n","properties":{"color":{"type":["Color"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"nameGap":{"type":["number"],"default":15},"nameRotate":{"type":["number"],"default":null},"inverse":{"type":["boolean"],"default":false},"boundaryGap":{"type":["boolean","Array"]},"min":{"type":["number","string","function"],"default":null},"max":{"type":["number","string"],"default":null},"scale":{"type":["boolean"],"default":false},"splitNumber":{"type":["number"],"default":5},"minInterval":{"type":["number"],"default":0},"maxInterval":{"type":["number"]},"interval":{"type":["number"]},"logBase":{"type":["number"],"default":10},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"onZero":{"type":["boolean"],"default":true},"onZeroAxisIndex":{"type":["number"]},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"alignWithLabel":{"type":["boolean"],"default":false},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"rotate":{"type":["number"],"default":0},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"splitLine":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Array","string"],"default":"['#ccc']"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"splitArea":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n","properties":{"interval":{"type":["number","Function"],"default":"'auto'"},"show":{"type":["boolean"],"default":false},"areaStyle":{"type":["Object"],"description":"<p>分隔区域的样式设置。</p>\n","properties":{"color":{"type":["Array"],"default":"['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<p>类目数据，在类目轴（<a href=\"#yAxis.type\">type</a>: <code>'category'</code>）中有效。</p>\n<p>如果没有设置 <a href=\"#yAxis.type\">type</a>，但是设置了 <code>axis.data</code>，则认为 <code>type</code> 是 <code>'category'</code>。</p>\n<p>如果设置了 <a href=\"#yAxis.type\">type</a> 是 <code>'category'</code>，但没有设置 <code>axis.data</code>，则 <code>axis.data</code> 的内容会自动从 <a href=\"#series.data\">series.data</a> 中获取，这会比较方便。不过注意，<code>axis.data</code> 指明的是 <code>'category'</code> 轴的取值范围。如果不指定而是从 <a href=\"#series.data\">series.data</a> 中获取，那么只能获取到 <a href=\"#series.data\">series.data</a> 中出现的值。比如说，假如 <a href=\"#series.data\">series.data</a> 为空时，就什么也获取不到。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n value: '周一',\n // 突出周一\n textStyle: {\n fontSize: 20,\n color: 'red'\n }\n}, '周二', '周三', '周四', '周五', '周六', '周日']\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["string"]},"textStyle":{"type":["Object"],"description":"<p>类目标签的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}},"axisPointer":{"type":["Object"],"description":"<p>axisPointer settings on axis.</p>\n","properties":{"show":{"type":["boolean"],"default":false},"type":{"type":["string"],"default":"'line'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"triggerTooltip":{"type":["boolean"],"default":true},"value":{"type":["number"],"default":null},"status":{"type":["boolean"]},"handle":{"type":["Object"],"description":"<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&reset=1\" target=\"_blank\">例子</a>。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"icon":{"type":["*"]},"size":{"type":["number","Array"],"default":45},"margin":{"type":["number"],"default":50},"color":{"type":["string"],"default":"'#333'"},"throttle":{"type":["number"],"default":40},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":0}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":0}}},"polar":{"type":["Object"],"description":"<p>极坐标系，可以用于散点图和折线图。每个极坐标系拥有一个<a href=\"#angleAxis\">角度轴</a>和一个<a href=\"#radiusAxis\">半径轴</a>。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=scatter-polar-punchCard&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n","properties":{"id":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"center":{"type":["Array"],"default":"['50%', '50%']"},"radius":{"type":["Array"]},"tooltip":{"type":["*"],"description":"<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"],"default":true},"trigger":{"type":["string"],"default":"'item'"},"axisPointer":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"http://echarts.baidu.com/gallery/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>'axis'</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>'cross'</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>'cross'</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>'none'</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&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"],"default":"'line'"},"axis":{"type":["string"],"default":"'auto'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"crossStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'cross'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"dashed"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},"radiusAxis":{"type":["Object"],"description":"<p>极坐标系的径向轴。</p>\n","properties":{"id":{"type":["string"]},"polarIndex":{"type":["number"],"default":0},"type":{"type":["string"],"default":"'value'"},"name":{"type":["string"]},"nameLocation":{"type":["string"],"default":"'end'"},"nameTextStyle":{"type":["Object"],"description":"<p>坐标轴名称的文字样式。</p>\n","properties":{"color":{"type":["Color"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"nameGap":{"type":["number"],"default":15},"nameRotate":{"type":["number"],"default":null},"inverse":{"type":["boolean"],"default":false},"boundaryGap":{"type":["boolean","Array"]},"min":{"type":["number","string","function"],"default":null},"max":{"type":["number","string"],"default":null},"scale":{"type":["boolean"],"default":false},"splitNumber":{"type":["number"],"default":5},"minInterval":{"type":["number"],"default":0},"maxInterval":{"type":["number"]},"interval":{"type":["number"]},"logBase":{"type":["number"],"default":10},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"alignWithLabel":{"type":["boolean"],"default":false},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"rotate":{"type":["number"],"default":0},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"splitLine":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Array","string"],"default":"['#ccc']"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"splitArea":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n","properties":{"interval":{"type":["number","Function"],"default":"'auto'"},"show":{"type":["boolean"],"default":false},"areaStyle":{"type":["Object"],"description":"<p>分隔区域的样式设置。</p>\n","properties":{"color":{"type":["Array"],"default":"['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<p>类目数据，在类目轴（<a href=\"#radiusAxis.type\">type</a>: <code>'category'</code>）中有效。</p>\n<p>如果没有设置 <a href=\"#radiusAxis.type\">type</a>，但是设置了 <code>axis.data</code>，则认为 <code>type</code> 是 <code>'category'</code>。</p>\n<p>如果设置了 <a href=\"#radiusAxis.type\">type</a> 是 <code>'category'</code>，但没有设置 <code>axis.data</code>，则 <code>axis.data</code> 的内容会自动从 <a href=\"#series.data\">series.data</a> 中获取，这会比较方便。不过注意，<code>axis.data</code> 指明的是 <code>'category'</code> 轴的取值范围。如果不指定而是从 <a href=\"#series.data\">series.data</a> 中获取，那么只能获取到 <a href=\"#series.data\">series.data</a> 中出现的值。比如说，假如 <a href=\"#series.data\">series.data</a> 为空时，就什么也获取不到。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n value: '周一',\n // 突出周一\n textStyle: {\n fontSize: 20,\n color: 'red'\n }\n}, '周二', '周三', '周四', '周五', '周六', '周日']\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["string"]},"textStyle":{"type":["Object"],"description":"<p>类目标签的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}},"axisPointer":{"type":["Object"],"description":"<p>axisPointer settings on axis.</p>\n","properties":{"show":{"type":["boolean"],"default":false},"type":{"type":["string"],"default":"'line'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"triggerTooltip":{"type":["boolean"],"default":true},"value":{"type":["number"],"default":null},"status":{"type":["boolean"]},"handle":{"type":["Object"],"description":"<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&reset=1\" target=\"_blank\">例子</a>。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"icon":{"type":["*"]},"size":{"type":["number","Array"],"default":45},"margin":{"type":["number"],"default":50},"color":{"type":["string"],"default":"'#333'"},"throttle":{"type":["number"],"default":40},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":0}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":0}}},"angleAxis":{"type":["Object"],"description":"<p>极坐标系的角度轴。</p>\n","properties":{"id":{"type":["string"]},"polarIndex":{"type":["number"],"default":0},"startAngle":{"type":["number"],"default":90},"clockwise":{"type":["boolean"],"default":true},"type":{"type":["string"],"default":"'category'"},"boundaryGap":{"type":["boolean","Array"]},"min":{"type":["number","string","function"],"default":null},"max":{"type":["number","string"],"default":null},"scale":{"type":["boolean"],"default":false},"splitNumber":{"type":["number"],"default":5},"minInterval":{"type":["number"],"default":0},"maxInterval":{"type":["number"]},"interval":{"type":["number"]},"logBase":{"type":["number"],"default":10},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"alignWithLabel":{"type":["boolean"],"default":false},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"splitLine":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Array","string"],"default":"['#ccc']"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"splitArea":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n","properties":{"interval":{"type":["number","Function"],"default":"'auto'"},"show":{"type":["boolean"],"default":false},"areaStyle":{"type":["Object"],"description":"<p>分隔区域的样式设置。</p>\n","properties":{"color":{"type":["Array"],"default":"['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<p>类目数据，在类目轴（<a href=\"#angleAxis.type\">type</a>: <code>'category'</code>）中有效。</p>\n<p>如果没有设置 <a href=\"#angleAxis.type\">type</a>，但是设置了 <code>axis.data</code>，则认为 <code>type</code> 是 <code>'category'</code>。</p>\n<p>如果设置了 <a href=\"#angleAxis.type\">type</a> 是 <code>'category'</code>，但没有设置 <code>axis.data</code>，则 <code>axis.data</code> 的内容会自动从 <a href=\"#series.data\">series.data</a> 中获取，这会比较方便。不过注意，<code>axis.data</code> 指明的是 <code>'category'</code> 轴的取值范围。如果不指定而是从 <a href=\"#series.data\">series.data</a> 中获取，那么只能获取到 <a href=\"#series.data\">series.data</a> 中出现的值。比如说，假如 <a href=\"#series.data\">series.data</a> 为空时，就什么也获取不到。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n value: '周一',\n // 突出周一\n textStyle: {\n fontSize: 20,\n color: 'red'\n }\n}, '周二', '周三', '周四', '周五', '周六', '周日']\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["string"]},"textStyle":{"type":["Object"],"description":"<p>类目标签的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}},"axisPointer":{"type":["Object"],"description":"<p>axisPointer settings on axis.</p>\n","properties":{"show":{"type":["boolean"],"default":false},"type":{"type":["string"],"default":"'line'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"triggerTooltip":{"type":["boolean"],"default":true},"value":{"type":["number"],"default":null},"status":{"type":["boolean"]},"handle":{"type":["Object"],"description":"<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&reset=1\" target=\"_blank\">例子</a>。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"icon":{"type":["*"]},"size":{"type":["number","Array"],"default":45},"margin":{"type":["number"],"default":50},"color":{"type":["string"],"default":"'#333'"},"throttle":{"type":["number"],"default":40},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":0}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":0}}},"radar":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/radar&edit=1&reset=1\" width=\"400\" height=\"400\" ></iframe>\n\n\n\n","properties":{"id":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"center":{"type":["Array"],"default":"['50%', '50%']"},"radius":{"type":["number","string"],"default":"75%"},"startAngle":{"type":["number"],"default":90},"name":{"type":["Object"],"description":"<p>雷达图每个指示器名称的配置项。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"'#333'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"nameGap":{"type":["number"],"default":15},"splitNumber":{"type":["number"],"default":5},"shape":{"type":["string"],"default":"'polygon'"},"scale":{"type":["boolean"],"default":false},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"alignWithLabel":{"type":["boolean"],"default":false},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"inside":{"type":["boolean"],"default":false},"rotate":{"type":["number"],"default":0},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"splitLine":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Array","string"],"default":"['#ccc']"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"splitArea":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"areaStyle":{"type":["Object"],"description":"<p>分隔区域的样式设置。</p>\n","properties":{"color":{"type":["Array"],"default":"['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"indicator":{"type":["Array"],"description":"<p>雷达图的指示器，用来指定雷达图中的多个变量（维度），如下示例。</p>\n<pre><code class=\"lang-js\">indicator: [\n { name: '销售（sales）', max: 6500},\n { name: '管理（Administration）', max: 16000, color: 'red'}, // 标签设置为红色\n { name: '信息技术（Information Techology）', max: 30000},\n { name: '客服（Customer Support）', max: 38000},\n { name: '研发（Development）', max: 52000},\n { name: '市场（Marketing）', max: 25000}\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"max":{"type":["number"]},"min":{"type":["number"]},"color":{"type":["string"]}}}}}},"dataZoom":{"type":"Array","items":{"anyOf":[{"type":["Object"],"description":"<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"],"default":"'inside'"},"id":{"type":["string"]},"disabled":{"type":["boolean"],"default":false},"xAxisIndex":{"type":["number","Array"],"default":null},"yAxisIndex":{"type":["number","Array"],"default":null},"radiusAxisIndex":{"type":["number","Array"],"default":null},"angleAxisIndex":{"type":["number","Array"],"default":null},"filterMode":{"type":["string"],"default":"'filter'"},"start":{"type":["number"],"default":0},"end":{"type":["number"],"default":100},"startValue":{"type":["number","string","Date"],"default":null},"endValue":{"type":["number","string","Date"],"default":null},"minSpan":{"type":["number"],"default":null},"maxSpan":{"type":["number"],"default":null},"minValueSpan":{"type":["number","string","Date"],"default":null},"maxValueSpan":{"type":["number","string","Date"],"default":null},"orient":{"type":["string"],"default":null},"zoomLock":{"type":["boolean"],"default":false},"throttle":{"type":["number"],"default":100},"rangeMode":{"type":["Array"]},"zoomOnMouseWheel":{"type":["boolean"],"default":true},"moveOnMouseMove":{"type":["boolean"],"default":true},"preventDefaultMouseMove":{"type":["boolean"],"default":true}}},{"type":["Object"],"description":"<p><strong>滑动条型数据区域缩放组件（dataZoomSlider）</strong></p>\n<p>（参考<a href=\"#dataZoom\">数据区域缩放组件（dataZoom）的介绍</a>）</p>\n<p><br>\n<br></p>\n","properties":{"type":{"type":["string"],"default":"'slider'"},"id":{"type":["string"]},"show":{"type":["boolean"],"default":true},"backgroundColor":{"type":["Color"],"default":"'rgba(47,69,84,0)'"},"dataBackground":{"type":["Object"],"description":"<p>数据阴影的样式。</p>\n","properties":{"lineStyle":{"type":["Object"],"description":"<p>阴影的线条样式</p>\n","properties":{"color":{"type":["Color"],"default":"#2f4554"},"width":{"type":["number"],"default":0.5},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":0.3}}},"areaStyle":{"type":["Object"],"description":"<p>阴影的填充样式</p>\n","properties":{"color":{"type":["Color"],"default":"rgba(47,69,84,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":0.3}}}}},"fillerColor":{"type":["Color"],"default":"'rgba(167,183,204,0.4)'"},"borderColor":{"type":["Color"],"default":"'#ddd'"},"handleIcon":{"type":["string"]},"handleSize":{"type":["number"],"default":"'100%'"},"handleStyle":{"type":["Object"],"description":"<p>手柄的样式配置，见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=area-simple\" target=\"_blank\">示例 area-simple</a></p>\n","properties":{"color":{"type":["Color"],"default":"#a7b7cc"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"labelPrecision":{"type":["number"],"default":"'auto'"},"labelFormatter":{"type":["string","Function"],"default":null},"showDetail":{"type":["boolean"],"default":true},"showDataShadow":{"type":["string"],"default":"'auto'"},"realtime":{"type":["boolean"],"default":true},"textStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"#333"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"xAxisIndex":{"type":["number","Array"],"default":null},"yAxisIndex":{"type":["number","Array"],"default":null},"radiusAxisIndex":{"type":["number","Array"],"default":null},"angleAxisIndex":{"type":["number","Array"],"default":null},"filterMode":{"type":["string"],"default":"'filter'"},"start":{"type":["number"],"default":0},"end":{"type":["number"],"default":100},"startValue":{"type":["number","string","Date"],"default":null},"endValue":{"type":["number","string","Date"],"default":null},"minSpan":{"type":["number"],"default":null},"maxSpan":{"type":["number"],"default":null},"minValueSpan":{"type":["number","string","Date"],"default":null},"maxValueSpan":{"type":["number","string","Date"],"default":null},"orient":{"type":["string"],"default":null},"zoomLock":{"type":["boolean"],"default":false},"throttle":{"type":["number"],"default":100},"rangeMode":{"type":["Array"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'auto'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"}}}]},"description":"<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=\"http://echarts.baidu.com/gallery/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>'filter'：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</p>\n</li>\n<li><p>'weakFilter'：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</p>\n</li>\n<li><p>'empty'：当前数据窗口外的数据，被 <strong>设置为空</strong>。即 <strong>不会</strong> 影响其他轴的数据范围。</p>\n</li>\n<li><p>'none': 不过滤数据，只改变数轴范围。</p>\n</li>\n</ul>\n<p>如何设置，由用户根据场景和需求自己决定。经验来说：</p>\n<ul>\n<li><p>当『只有 X 轴 或 只有 Y 轴受 <code>dataZoom</code> 组件控制』时，常使用 <code>filterMode: 'filter'</code>，这样能使另一个轴自适应过滤后的数值范围。</p>\n</li>\n<li><p>当『X 轴 Y 轴分别受 <code>dataZoom</code> 组件控制』时：</p>\n<ul>\n<li><p>如果 X 轴和 Y 轴是『同等地位的、不应互相影响的』，比如在『双数值轴散点图』中，那么两个轴可都设为 <code>fiterMode: 'empty'</code>。</p>\n</li>\n<li><p>如果 X 轴为主，Y 轴为辅，比如在『柱状图』中，需要『拖动 <code>dataZoomX</code> 改变 X 轴过滤柱子时，Y 轴的范围也自适应剩余柱子的高度』，『拖动 <code>dataZoomY</code> 改变 Y 轴过滤柱子时，X 轴范围不受影响』，那么就 X轴设为 <code>fiterMode: 'filter'</code>，Y 轴设为 <code>fiterMode: 'empty'</code>，即主轴 <code>'filter'</code>，辅轴 <code>'empty'</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: 'dataZoomX',\n type: 'slider',\n xAxisIndex: [0],\n filterMode: 'filter'\n },\n {\n id: 'dataZoomY',\n type: 'slider',\n yAxisIndex: [0],\n filterMode: 'empty'\n }\n ],\n xAxis: {type: 'value'},\n yAxis: {type: 'value'},\n series{\n type: 'bar',\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>'filter'</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: 'filter'</code> 的效果是：过滤数据后使另外的轴也能自动适应当前数据的范围。</p>\n<p>再从头来，上例中 <code>dataZoomY</code> 的 <code>filterMode</code> 设置为 <code>'empty'</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=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/bar-dataZoom-filterMode&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\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: 'dataZoomX',\n type: 'slider',\n xAxisIndex: [0],\n filterMode: 'filter', // 设定为 'filter' 从而 X 的窗口变化会影响 Y 的范围。\n start: 30,\n end: 70\n },\n {\n id: 'dataZoomY',\n type: 'slider',\n yAxisIndex: [0],\n filterMode: 'empty',\n start: 20,\n end: 80\n }\n ],\n xAxis: {\n type: 'value'\n },\n yAxis: {\n type: 'value'\n // yAxis 中并没有使用 min、max 来显示限定轴的显示范围。\n },\n series{\n type: 'bar',\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: 'empty'</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: 'filter'</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"],"description":"<p><strong>连续型视觉映射组件（visualMapContinuous）</strong></p>\n<p>（参考<a href=\"#visualMap\">视觉映射组件（visualMap）的介绍</a>）</p>\n<p>展现形式如下图：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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"],"default":"continuous"},"id":{"type":["string"]},"min":{"type":["number"]},"max":{"type":["number"]},"range":{"type":["Array"]},"calculable":{"type":["boolean"],"default":false},"realtime":{"type":["boolean"],"default":true},"inverse":{"type":["boolean"],"default":false},"precision":{"type":["number"],"default":0},"itemWidth":{"type":["number"],"default":20},"itemHeight":{"type":["number"],"default":140},"align":{"type":["string"],"default":"'auto'"},"text":{"type":["Array"],"default":null},"textGap":{"type":["Array"],"default":10},"show":{"type":["boolean"],"default":true},"dimension":{"type":["number"]},"seriesIndex":{"type":["number","Array"]},"hoverLink":{"type":["boolean"],"default":true},"inRange":{"type":["Object"]},"outOfRange":{"type":["Object"]},"controller":{"type":["Object"],"description":"<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"]},"outOfRange":{"type":["Object"]}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":4},"left":{"type":["string","number"],"default":0},"top":{"type":["string","number"],"default":"auto"},"right":{"type":["string","number"],"default":"auto"},"bottom":{"type":["string","number"],"default":0},"orient":{"type":["string"],"default":"'vertical'"},"padding":{"type":["number","Array"],"default":5},"backgroundColor":{"type":["Color"],"default":"'rgba(0,0,0,0)'"},"borderColor":{"type":["Color"],"default":"'#ccc'"},"borderWidth":{"type":["number"],"default":0},"color":{"type":["Array"],"default":"['#bf444c', '#d88273', '#f6efa6']"},"textStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#333"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"formatter":{"type":["string","Function"]}}},{"type":["Object"],"description":"<p><strong>分段型视觉映射组件（visualMapPiecewise）</strong></p>\n<p>（参考<a href=\"#visualMap\">视觉映射组件（visualMap）的介绍</a>）</p>\n<p>展现形式如下图：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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"],"default":"piecewise"},"id":{"type":["string"]},"splitNumber":{"type":["number"],"default":5},"pieces":{"type":["Array"]},"categories":{"type":["Array"]},"min":{"type":["number"]},"max":{"type":["number"]},"minOpen":{"type":["boolean"]},"maxOpen":{"type":["boolean"]},"selectedMode":{"type":["string"],"default":"'multiple'"},"inverse":{"type":["boolean"],"default":false},"precision":{"type":["number"],"default":null},"itemWidth":{"type":["number"],"default":20},"itemHeight":{"type":["number"],"default":14},"align":{"type":["string"],"default":"'auto'"},"text":{"type":["Array"],"default":null},"textGap":{"type":["Array"],"default":10},"showLabel":{"type":["boolean"]},"itemGap":{"type":["number"],"default":10},"itemSymbol":{"type":["string"],"default":"'roundRect'"},"show":{"type":["boolean"],"default":true},"dimension":{"type":["number"]},"seriesIndex":{"type":["number","Array"]},"hoverLink":{"type":["boolean"],"default":true},"inRange":{"type":["Object"]},"outOfRange":{"type":["Object"]},"controller":{"type":["Object"],"description":"<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"]},"outOfRange":{"type":["Object"]}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":4},"left":{"type":["string","number"],"default":0},"top":{"type":["string","number"],"default":"auto"},"right":{"type":["string","number"],"default":"auto"},"bottom":{"type":["string","number"],"default":0},"orient":{"type":["string"],"default":"'vertical'"},"padding":{"type":["number","Array"],"default":5},"backgroundColor":{"type":["Color"],"default":"'rgba(0,0,0,0)'"},"borderColor":{"type":["Color"],"default":"'#ccc'"},"borderWidth":{"type":["number"],"default":0},"color":{"type":["Array"],"default":"['#bf444c', '#d88273', '#f6efa6']"},"textStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#333"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"formatter":{"type":["string","Function"]}}}]},"description":"<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: 'continuous', // 定义为连续型 viusalMap\n ...\n },\n { // 第二个 visualMap 组件\n type: 'piecewise', // 定义为分段型 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: 'Shanghai', value: 251},\n {name: 'Haikou', value: 21},\n // 设置 `visualMap: false` 则 visualMap 不对此项进行控制，此时系列\n // 可使用自身的视觉参数（color/symbol/ ...控制此项的显示。\n {name: 'Beijing', 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"],"description":"<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"],"default":true},"trigger":{"type":["string"],"default":"'item'"},"axisPointer":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"http://echarts.baidu.com/gallery/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>'axis'</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>'cross'</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>'cross'</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>'none'</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&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"],"default":"'line'"},"axis":{"type":["string"],"default":"'auto'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"crossStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'cross'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"dashed"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"showContent":{"type":["boolean"],"default":true},"alwaysShowContent":{"type":["boolean"],"default":false},"triggerOn":{"type":["string"],"default":"'mousemove|click'"},"showDelay":{"type":["number"],"default":0},"hideDelay":{"type":["number"],"default":100},"enterable":{"type":["boolean"],"default":false},"confine":{"type":["boolean"],"default":false},"transitionDuration":{"type":["number"],"default":0.4},"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}},"axisPointer":{"type":["Object"],"description":"<p>这是坐标轴指示器（axisPointer）的全局公用设置。</p>\n<hr>\n<p>坐标轴指示器是指示坐标轴当前刻度的工具。</p>\n<p>如下例，鼠标悬浮到图上，可以出现标线和刻度文本。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"http://echarts.baidu.com/gallery/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>'axis'</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>'cross'</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>'cross'</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>'none'</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&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":{"id":{"type":["string"]},"show":{"type":["boolean"],"default":false},"type":{"type":["string"],"default":"'line'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"triggerTooltip":{"type":["boolean"],"default":true},"value":{"type":["number"],"default":null},"status":{"type":["boolean"]},"handle":{"type":["Object"],"description":"<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&reset=1\" target=\"_blank\">例子</a>。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"icon":{"type":["*"]},"size":{"type":["number","Array"],"default":45},"margin":{"type":["number"],"default":50},"color":{"type":["string"],"default":"'#333'"},"throttle":{"type":["number"],"default":40},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":0}}},"link":{"type":["Array"]},"triggerOn":{"type":["string"],"default":"'mousemove|click'"}}},"toolbox":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=line-marker&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n","properties":{"id":{"type":["string"]},"show":{"type":["boolean"],"default":true},"orient":{"type":["string"],"default":"'horizontal'"},"itemSize":{"type":["number"],"default":15},"itemGap":{"type":["number"],"default":10},"showTitle":{"type":["boolean"],"default":true},"feature":{"type":["Object"],"description":"<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: '自定义扩展方法1',\n icon: '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',\n onclick: function (){\n alert('myToolHandler1')\n }\n },\n myTool2: {\n show: true,\n title: '自定义扩展方法',\n icon: 'image://http://echarts.baidu.com/images/favicon.png',\n onclick: function (){\n alert('myToolHandler2')\n }\n }\n }\n }\n}\n</code></pre>\n","properties":{"saveAsImage":{"type":["Object"],"description":"<p>保存为图片。</p>\n","properties":{"type":{"type":["string"],"default":"'png'"},"name":{"type":["string"]},"backgroundColor":{"type":["Color"],"default":"'auto'"},"excludeComponents":{"type":["Array"],"default":"['toolbox']"},"show":{"type":["boolean"],"default":true},"title":{"type":["boolean"],"default":"'保存为图片'"},"icon":{"type":["*"]},"iconStyle":{"type":["Object"],"description":"<p>保存为图片 icon 样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"#666"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"textPosition":{"type":["string"]},"textAlign":{"type":["string"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"iconStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"pixelRatio":{"type":["number"],"default":1}}},"restore":{"type":["Object"],"description":"<p>配置项还原。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"title":{"type":["boolean"],"default":"'还原'"},"icon":{"type":["*"]},"iconStyle":{"type":["Object"],"description":"<p>还原 icon 样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"#666"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"textPosition":{"type":["string"]},"textAlign":{"type":["string"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"iconStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}},"dataView":{"type":["Object"],"description":"<p>数据视图工具，可以展现当前图表所用的数据，编辑后可以动态更新。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"title":{"type":["boolean"],"default":"'数据视图'"},"icon":{"type":["*"]},"iconStyle":{"type":["Object"],"description":"<p>数据视图 icon 样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"#666"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"textPosition":{"type":["string"]},"textAlign":{"type":["string"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"iconStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"readOnly":{"type":["boolean"],"default":false},"optionToContent":{"type":["Function"]},"contentToOption":{"type":["Function"]},"lang":{"type":["Array"],"default":"['数据视图', '关闭', '刷新']"},"backgroundColor":{"type":["string"],"default":"'#fff'"},"textareaColor":{"type":["string"],"default":"'#fff'"},"textareaBorderColor":{"type":["string"],"default":"'#333'"},"textColor":{"type":["string"],"default":"'#000'"},"buttonColor":{"type":["string"],"default":"'#c23531'"},"buttonTextColor":{"type":["string"],"default":"'#fff'"}}},"dataZoom":{"type":["Object"],"description":"<p>数据区域缩放。目前只支持直角坐标系的缩放。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"title":{"type":["Object"],"description":"<p>缩放和还原的标题文本。</p>\n","properties":{"zoom":{"type":["string"],"default":"'区域缩放'"},"back":{"type":["string"],"default":"'区域缩放还原'"}}},"icon":{"type":["Object"],"description":"<p>缩放和还原的 icon path。</p>\n","properties":{"zoom":{"type":["string"]},"back":{"type":["string"]}}},"iconStyle":{"type":["Object"],"description":"<p>数据区域缩放 icon 样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"#666"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"textPosition":{"type":["string"]},"textAlign":{"type":["string"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"iconStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"xAxisIndex":{"type":["number","Array","boolean"]},"yAxisIndex":{"type":["number","Array","boolean"]}}},"magicType":{"type":["Object"],"description":"<p>动态类型切换\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">feature: {\n magicType: {\n type: ['line', 'bar', 'stack', 'tiled']\n }\n}\n</code></pre>\n","properties":{"show":{"type":["boolean"],"default":true},"type":{"type":["Array"]},"title":{"type":["Object"],"description":"<p>各个类型的标题文本，可以分别配置。</p>\n","properties":{"line":{"type":["string"],"default":"'切换为折线图'"},"bar":{"type":["string"],"default":"'切换为柱状图'"},"stack":{"type":["string"],"default":"'切换为堆叠'"},"tiled":{"type":["string"],"default":"'切换为平铺'"}}},"icon":{"type":["Object"],"description":"<p>各个类型的 icon path，可以分别配置。</p>\n","properties":{"line":{"type":["string"]},"bar":{"type":["string"]},"stack":{"type":["string"]},"tiled":{"type":["string"]}}},"iconStyle":{"type":["Object"],"description":"<p>动态类型切换 icon 样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"#666"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"textPosition":{"type":["string"]},"textAlign":{"type":["string"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"iconStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"option":{"type":["Object"],"description":"<p>各个类型的专有配置项。在切换到某类型的时候会合并相应的配置项。</p>\n","properties":{"line":{"type":["Object"]},"bar":{"type":["Object"]},"stack":{"type":["Object"]},"tiled":{"type":["Object"]}}},"seriesIndex":{"type":["Object"],"description":"<p>各个类型对应的系列的列表。</p>\n","properties":{"line":{"type":["Array"]},"bar":{"type":["Array"]},"stack":{"type":["Array"]},"tiled":{"type":["Array"]}}}}},"brush":{"type":["Object"],"description":"<p>选框组件的控制按钮。</p>\n<p>也可以不在这里指定，而是在 <a href=\"#brush.toolbox\">brush.toolbox</a> 中指定。</p>\n","properties":{"type":{"type":["Array"]},"icon":{"type":["Object"],"description":"<p>每个按钮的 icon path。</p>\n","properties":{"rect":{"type":["string"]},"polygon":{"type":["string"]},"lineX":{"type":["string"]},"lineY":{"type":["string"]},"keep":{"type":["string"]},"clear":{"type":["string"]}}},"title":{"type":["Object"],"description":"<p>标题文本。</p>\n","properties":{"rect":{"type":["string"],"default":"'矩形选择'"},"polygon":{"type":["string"],"default":"'圈选'"},"lineX":{"type":["string"],"default":"'横向选择'"},"lineY":{"type":["string"],"default":"'纵向选择'"},"keep":{"type":["string"],"default":"'保持选择'"},"clear":{"type":["string"],"default":"'清除选择'"}}}}}}},"iconStyle":{"type":["Object"],"description":"<p>公用的 icon 样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"#666"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"textPosition":{"type":["string"]},"textAlign":{"type":["string"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"iconStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'auto'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"width":{"type":["string","number"],"default":"'auto'"},"height":{"type":["string","number"],"default":"'auto'"}}},"brush":{"type":["Object"],"description":"<p><code>brush</code> 是区域选择组件，用户可以选择图中一部分数据，从而便于向用户展示被选中数据，或者他们的一些统计计算结果。</p>\n<p>示例如下：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/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>'all'</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>'none'</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: 'all', // 只可以在所有 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: 'brush',\n areas: [\n {\n geoIndex: 0,\n // 指定选框的类型。\n brushType: 'polygon',\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=\"http://echarts.baidu.com/gallery/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>'all'</code> 表示所有 series 都进行 brushLink。</li>\n<li><code>'none'</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: 'bar'\n data: [232, 4434, 545, 654] // data 有四个项\n },\n {\n type: 'parallel',\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>'debounce'</code>：表示只有停止动作了（即一段时间没有操作了），才会触发事件。时间阈值由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n<li><code>'fixRate'</code>：表示按照一定的频率触发时间，时间间隔由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n</ul>\n<p>例如这个 <a href=\"http://echarts.baidu.com/gallery/view.html?c=scatter-map-brush&edit=1&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":{"id":{"type":["string"]},"toolbox":{"type":["Array"],"default":"['rect', 'polygon', 'keep', 'clear']"},"brushLink":{"type":["Array","string"],"default":null},"seriesIndex":{"type":["Array","number","string"],"default":"'all'"},"geoIndex":{"type":["Array","number","string"],"default":null},"xAxisIndex":{"type":["Array","number","string"],"default":null},"yAxisIndex":{"type":["Array","number","string"],"default":null},"brushType":{"type":["string"],"default":"'rect'"},"brushMode":{"type":["string"],"default":"'single'"},"transformable":{"type":["boolean"],"default":true},"brushStyle":{"type":["Object"]},"throttleType":{"type":["string"],"default":"'fixRate'"},"throttleDelay":{"type":["number"],"default":0},"removeOnClick":{"type":["number"],"default":true},"inBrush":{"type":["Object"]},"outOfBrush":{"type":["Object"]},"z":{"type":["number"],"default":10000}}},"geo":{"type":["Object"],"description":"<p>地理坐标系组件。</p>\n<p>地理坐标系组件用于地图的绘制，支持在地理坐标系上绘制<a href=\"#series-scatter\">散点图</a>，<a href=\"#series-lines\">线集</a>。</p>\n<p><strong>在地理坐标系中使用散点图的示例:</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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: 'geo',\n // Geo 组件在 option 中的 index\n geoIndex: number,\n // 点击区域的名称，比如"上海"\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":{"id":{"type":["string"]},"show":{"type":["boolean"],"default":true},"map":{"type":["string"],"default":"''"},"roam":{"type":["boolean"],"default":false},"center":{"type":["Array"]},"aspectScale":{"type":["number"],"default":0.75},"boundingCoords":{"type":["Array"],"default":null},"zoom":{"type":["number"],"default":1},"scaleLimit":{"type":["Object"],"description":"<p>滚轮缩放的极限控制，通过<code>min</code>, <code>max</code>最小和最大的缩放值，默认的缩放为<code>1</code>。</p>\n","properties":{"min":{"type":["number"]},"max":{"type":["number"]}}},"nameMap":{"type":["Object"]},"selectedMode":{"type":["boolean","string"],"default":false},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>地图区域的多边形 图形样式。</p>\n","properties":{"areaColor":{"type":["Color"],"default":"'#eee'"},"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下的多边形和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"areaColor":{"type":["Color"],"default":"'#eee'"},"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'auto'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"layoutCenter":{"type":["Array"],"default":null},"layoutSize":{"type":["number","string"]},"regions":{"type":["Array"],"description":"<p>在地图中对特定的区域配置样式。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">regions: [{\n name: '广东',\n itemStyle: {\n areaColor: 'red',\n color: 'red'\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"]},"selected":{"type":["boolean"],"default":false},"itemStyle":{"type":["Object"],"description":"<p>该区域的多边形样式设置</p>\n","properties":{"areaColor":{"type":["Color"],"description":"<p>地图区域的颜色。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"<p>高亮的样式。</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"areaColor":{"type":["Color"]},"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}},"silent":{"type":["boolean"],"default":false}}},"parallel":{"type":["Object"],"description":"<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, '良'],\n [2, 25, 11, 21, 0.65, 34, 9, '优'],\n [3, 56, 7, 63, 0.3, 14, 5, '良'],\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n value: [5, 42, 24, 44, 0.76, 40, 16, '优']\n lineStyle: {...},\n }\n ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p>平行坐标系适用于对这种多维数据进行可视化分析。每一个维度（每一列）对应一个坐标轴，每一个『数据项』是一条线，贯穿多个坐标轴。在坐标轴上，可以进行数据选取等操作。如下：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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}, // 每个『坐标轴』有个 'dim' 属性，表示坐标轴的维度号。\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: 'category', // 坐标轴也可以支持类别型数据\n data: ['优', '良', '轻度污染', '中度污染', '重度污染', '严重污染']\n }\n ],\n parallel: { // 这是『坐标系』的定义\n left: '5%', // 平行坐标系的位置设置\n right: '13%',\n bottom: '10%',\n top: '20%',\n parallelAxisDefault: { // 『坐标轴』的公有属性可以配置在这里避免重复书写\n type: 'value',\n nameLocation: 'end',\n nameGap: 20\n }\n },\n series: [ // 这里三个系列共用一个平行坐标系\n {\n name: '北京',\n type: 'parallel', // 这个系列类型是 'parallel'\n data: [\n [1, 55, 9, 56, 0.46, 18, 6, '良'],\n [2, 25, 11, 21, 0.65, 34, 9, '优'],\n ...\n ]\n },\n {\n name: '上海',\n type: 'parallel',\n data: [\n [3, 56, 7, 63, 0.3, 14, 5, '良'],\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n ...\n ]\n },\n {\n name: '广州',\n type: 'parallel',\n data: [\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n [5, 42, 24, 44, 0.76, 40, 16, '优'],\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.width\">series-parallel.lineStyle.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=\"http://echarts.baidu.com/gallery/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":{"id":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":80},"top":{"type":["string","number"],"default":60},"right":{"type":["string","number"],"default":80},"bottom":{"type":["string","number"],"default":60},"width":{"type":["string","number"],"default":"'auto'"},"height":{"type":["string","number"],"default":"'auto'"},"layout":{"type":["string"],"default":"'horizontal'"},"axisExpandable":{"type":["boolean"],"default":false},"axisExpandCenter":{"type":["number"],"default":null},"axisExpandCount":{"type":["number"],"default":0},"axisExpandWidth":{"type":["number"],"default":50},"axisExpandTriggerOn":{"type":["string"],"default":"'click'"},"parallelAxisDefault":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/parallel-all&edit=1&reset=1\" target=\"_blank\">参见示例</a></p>\n<p><br></p>\n","properties":{"type":{"type":["string"],"default":"value"},"name":{"type":["string"]},"nameLocation":{"type":["string"],"default":"'end'"},"nameTextStyle":{"type":["Object"],"description":"<p>坐标轴名称的文字样式。</p>\n","properties":{"color":{"type":["Color"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"nameGap":{"type":["number"],"default":15},"nameRotate":{"type":["number"],"default":null},"inverse":{"type":["boolean"],"default":false},"boundaryGap":{"type":["boolean","Array"]},"min":{"type":["number","string","function"],"default":null},"max":{"type":["number","string"],"default":null},"scale":{"type":["boolean"],"default":false},"splitNumber":{"type":["number"],"default":5},"minInterval":{"type":["number"],"default":0},"maxInterval":{"type":["number"]},"interval":{"type":["number"]},"logBase":{"type":["number"],"default":10},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"alignWithLabel":{"type":["boolean"],"default":false},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"rotate":{"type":["number"],"default":0},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"data":{"type":["Array"],"description":"<p>类目数据，在类目轴（<a href=\"#parallelAxis.type\">type</a>: <code>'category'</code>）中有效。</p>\n<p>如果没有设置 <a href=\"#parallelAxis.type\">type</a>，但是设置了 <code>axis.data</code>，则认为 <code>type</code> 是 <code>'category'</code>。</p>\n<p>如果设置了 <a href=\"#parallelAxis.type\">type</a> 是 <code>'category'</code>，但没有设置 <code>axis.data</code>，则 <code>axis.data</code> 的内容会自动从 <a href=\"#series.data\">series.data</a> 中获取，这会比较方便。不过注意，<code>axis.data</code> 指明的是 <code>'category'</code> 轴的取值范围。如果不指定而是从 <a href=\"#series.data\">series.data</a> 中获取，那么只能获取到 <a href=\"#series.data\">series.data</a> 中出现的值。比如说，假如 <a href=\"#series.data\">series.data</a> 为空时，就什么也获取不到。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n value: '周一',\n // 突出周一\n textStyle: {\n fontSize: 20,\n color: 'red'\n }\n}, '周二', '周三', '周四', '周五', '周六', '周日']\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["string"]},"textStyle":{"type":["Object"],"description":"<p>类目标签的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}}},"parallelAxis":{"type":["Object"],"description":"<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, '良'],\n [2, 25, 11, 21, 0.65, 34, 9, '优'],\n [3, 56, 7, 63, 0.3, 14, 5, '良'],\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n value: [5, 42, 24, 44, 0.76, 40, 16, '优']\n lineStyle: {...},\n }\n ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p>平行坐标系适用于对这种多维数据进行可视化分析。每一个维度（每一列）对应一个坐标轴，每一个『数据项』是一条线，贯穿多个坐标轴。在坐标轴上，可以进行数据选取等操作。如下：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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}, // 每个『坐标轴』有个 'dim' 属性，表示坐标轴的维度号。\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: 'category', // 坐标轴也可以支持类别型数据\n data: ['优', '良', '轻度污染', '中度污染', '重度污染', '严重污染']\n }\n ],\n parallel: { // 这是『坐标系』的定义\n left: '5%', // 平行坐标系的位置设置\n right: '13%',\n bottom: '10%',\n top: '20%',\n parallelAxisDefault: { // 『坐标轴』的公有属性可以配置在这里避免重复书写\n type: 'value',\n nameLocation: 'end',\n nameGap: 20\n }\n },\n series: [ // 这里三个系列共用一个平行坐标系\n {\n name: '北京',\n type: 'parallel', // 这个系列类型是 'parallel'\n data: [\n [1, 55, 9, 56, 0.46, 18, 6, '良'],\n [2, 25, 11, 21, 0.65, 34, 9, '优'],\n ...\n ]\n },\n {\n name: '上海',\n type: 'parallel',\n data: [\n [3, 56, 7, 63, 0.3, 14, 5, '良'],\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n ...\n ]\n },\n {\n name: '广州',\n type: 'parallel',\n data: [\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n [5, 42, 24, 44, 0.76, 40, 16, '优'],\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.width\">series-parallel.lineStyle.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=\"http://echarts.baidu.com/gallery/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":{"id":{"type":["string"]},"dim":{"type":["number"]},"parallelIndex":{"type":["number"],"default":0},"realtime":{"type":["boolean"],"default":true},"areaSelectStyle":{"type":["Object"],"description":"<p>在坐标轴上可以进行框选，这里是一些框选的设置。</p>\n<p><br></p>\n","properties":{"width":{"type":["number"],"default":20},"borderWidth":{"type":["number"],"default":1},"borderColor":{"type":["Color"],"default":"'rgba(160,197,232)'"},"color":{"type":["Color"],"default":"'rgba(160,197,232)'"},"opacity":{"type":["number"],"default":0.3}}},"type":{"type":["string"],"default":"value"},"name":{"type":["string"]},"nameLocation":{"type":["string"],"default":"'end'"},"nameTextStyle":{"type":["Object"],"description":"<p>坐标轴名称的文字样式。</p>\n","properties":{"color":{"type":["Color"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"nameGap":{"type":["number"],"default":15},"nameRotate":{"type":["number"],"default":null},"inverse":{"type":["boolean"],"default":false},"boundaryGap":{"type":["boolean","Array"]},"min":{"type":["number","string","function"],"default":null},"max":{"type":["number","string"],"default":null},"scale":{"type":["boolean"],"default":false},"splitNumber":{"type":["number"],"default":5},"minInterval":{"type":["number"],"default":0},"maxInterval":{"type":["number"]},"interval":{"type":["number"]},"logBase":{"type":["number"],"default":10},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"alignWithLabel":{"type":["boolean"],"default":false},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"rotate":{"type":["number"],"default":0},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"data":{"type":["Array"],"description":"<p>类目数据，在类目轴（<a href=\"#parallelAxis.type\">type</a>: <code>'category'</code>）中有效。</p>\n<p>如果没有设置 <a href=\"#parallelAxis.type\">type</a>，但是设置了 <code>axis.data</code>，则认为 <code>type</code> 是 <code>'category'</code>。</p>\n<p>如果设置了 <a href=\"#parallelAxis.type\">type</a> 是 <code>'category'</code>，但没有设置 <code>axis.data</code>，则 <code>axis.data</code> 的内容会自动从 <a href=\"#series.data\">series.data</a> 中获取，这会比较方便。不过注意，<code>axis.data</code> 指明的是 <code>'category'</code> 轴的取值范围。如果不指定而是从 <a href=\"#series.data\">series.data</a> 中获取，那么只能获取到 <a href=\"#series.data\">series.data</a> 中出现的值。比如说，假如 <a href=\"#series.data\">series.data</a> 为空时，就什么也获取不到。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n value: '周一',\n // 突出周一\n textStyle: {\n fontSize: 20,\n color: 'red'\n }\n}, '周二', '周三', '周四', '周五', '周六', '周日']\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["string"]},"textStyle":{"type":["Object"],"description":"<p>类目标签的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}},"singleAxis":{"type":["Object"],"description":"<p>单轴。可以被应用到散点图中展现一维数据，如下示例</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=scatter-single-axis&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n\n","properties":{"id":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'5%'"},"top":{"type":["string","number"],"default":"'5%'"},"right":{"type":["string","number"],"default":"'5%'"},"bottom":{"type":["string","number"],"default":"'5%'"},"width":{"type":["string","number"],"default":"'auto'"},"height":{"type":["string","number"],"default":"'auto'"},"orient":{"type":["string"],"default":"'horizontal'"},"type":{"type":["string"],"default":"'value'"},"name":{"type":["string"]},"nameLocation":{"type":["string"],"default":"'end'"},"nameTextStyle":{"type":["Object"],"description":"<p>坐标轴名称的文字样式。</p>\n","properties":{"color":{"type":["Color"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"nameGap":{"type":["number"],"default":15},"nameRotate":{"type":["number"],"default":null},"inverse":{"type":["boolean"],"default":false},"boundaryGap":{"type":["boolean","Array"]},"min":{"type":["number","string","function"],"default":null},"max":{"type":["number","string"],"default":null},"scale":{"type":["boolean"],"default":false},"splitNumber":{"type":["number"],"default":5},"minInterval":{"type":["number"],"default":0},"maxInterval":{"type":["number"]},"interval":{"type":["number"]},"logBase":{"type":["number"],"default":10},"silent":{"type":["boolean"],"default":false},"triggerEvent":{"type":["boolean"],"default":false},"axisLine":{"type":["Object"],"description":"<p>坐标轴轴线相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["Array"],"default":"[10, 15]"},"symbolOffset":{"type":["Array","number"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#333'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>坐标轴刻度相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"alignWithLabel":{"type":["boolean"],"default":false},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"length":{"type":["number"],"default":5},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"]},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>坐标轴刻度标签的相关设置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"inside":{"type":["boolean"],"default":false},"rotate":{"type":["number"],"default":0},"margin":{"type":["number"],"default":8},"formatter":{"type":["string","Function"],"default":null},"showMinLabel":{"type":["boolean"],"default":null},"showMaxLabel":{"type":["boolean"],"default":null},"color":{"type":["Color","Function"]},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"splitLine":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔线。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["number","Function"],"default":"'auto'"},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Array","string"],"default":"['#ccc']"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"splitArea":{"type":["Object"],"description":"<p>坐标轴在 <a href=\"#grid\">grid</a> 区域中的分隔区域，默认不显示。</p>\n","properties":{"interval":{"type":["number","Function"],"default":"'auto'"},"show":{"type":["boolean"],"default":false},"areaStyle":{"type":["Object"],"description":"<p>分隔区域的样式设置。</p>\n","properties":{"color":{"type":["Array"],"default":"['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<p>类目数据，在类目轴（<a href=\"#singleAxis.type\">type</a>: <code>'category'</code>）中有效。</p>\n<p>如果没有设置 <a href=\"#singleAxis.type\">type</a>，但是设置了 <code>axis.data</code>，则认为 <code>type</code> 是 <code>'category'</code>。</p>\n<p>如果设置了 <a href=\"#singleAxis.type\">type</a> 是 <code>'category'</code>，但没有设置 <code>axis.data</code>，则 <code>axis.data</code> 的内容会自动从 <a href=\"#series.data\">series.data</a> 中获取，这会比较方便。不过注意，<code>axis.data</code> 指明的是 <code>'category'</code> 轴的取值范围。如果不指定而是从 <a href=\"#series.data\">series.data</a> 中获取，那么只能获取到 <a href=\"#series.data\">series.data</a> 中出现的值。比如说，假如 <a href=\"#series.data\">series.data</a> 为空时，就什么也获取不到。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 所有类目名称列表\ndata: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']\n// 每一项也可以是具体的配置项，此时取配置项中的 `value` 为类目名\ndata: [{\n value: '周一',\n // 突出周一\n textStyle: {\n fontSize: 20,\n color: 'red'\n }\n}, '周二', '周三', '周四', '周五', '周六', '周日']\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["string"]},"textStyle":{"type":["Object"],"description":"<p>类目标签的文字样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}},"axisPointer":{"type":["Object"],"description":"<p>axisPointer settings on axis.</p>\n","properties":{"show":{"type":["boolean"],"default":false},"type":{"type":["string"],"default":"'line'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"triggerTooltip":{"type":["boolean"],"default":true},"value":{"type":["number"],"default":null},"status":{"type":["boolean"]},"handle":{"type":["Object"],"description":"<p>拖拽手柄，适用于触屏的环境。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&reset=1\" target=\"_blank\">例子</a>。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"icon":{"type":["*"]},"size":{"type":["number","Array"],"default":45},"margin":{"type":["number"],"default":50},"color":{"type":["string"],"default":"'#333'"},"throttle":{"type":["number"],"default":40},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":0}}}}},"tooltip":{"type":["*"],"description":"<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"],"default":true},"trigger":{"type":["string"],"default":"'item'"},"axisPointer":{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/view.html?c=line-tooltip-touch&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>坐标轴指示器在多轴的场景能起到辅助作用：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=multiple-y-axis&edit=1&reset=1\" width=\"600\" height=\"300\" ></iframe>\n\n<iframe data-src=\"http://echarts.baidu.com/gallery/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>'axis'</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>'cross'</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>'cross'</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>'none'</code>（于是效果为：手指按住按钮则显示 tooltip，松开按钮则隐藏 tooltip），或者 <a href=\"#tooltip.alwaysShowContent\">tooltip.alwaysShowContent</a> 为 <code>true</code>（效果为 tooltip 一直显示）。</p>\n<p>参见<a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-tooltip-touch&edit=1&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"],"default":"'line'"},"axis":{"type":["string"],"default":"'auto'"},"snap":{"type":["boolean"]},"z":{"type":["number"]},"label":{"type":["Object"],"description":"<p>坐标轴指示器的文本标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"precision":{"type":["number","string"],"default":"'auto'"},"formatter":{"type":["string","Function"],"default":null},"margin":{"type":["boolean"],"default":3},"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"padding":{"type":["string","Array"],"default":"[5, 7, 5, 7]"},"backgroundColor":{"type":["string"],"default":"'auto'"},"borderColor":{"type":["string"],"default":null},"borderWidth":{"type":["string"],"default":0},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"#aaa"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"lineStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'line'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"shadowStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'shadow'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"'rgba(150,150,150,0.3)"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"crossStyle":{"type":["Object"],"description":"<p><a href=\"#tooltip.axisPointer.type\">axisPointer.type</a> 为 <code>'cross'</code> 时有效。</p>\n","properties":{"color":{"type":["Color"],"default":"#555"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"dashed"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},"timeline":{"type":["Object"],"description":"<p><code>timeline</code> 组件，提供了在多个 ECharts <code>option</code> 间进行切换、播放等操作的功能。</p>\n<p>示例效果如下：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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: ['2002-01-01', '2003-01-01', '2004-01-01']\n },\n title: {\n subtext: '数据来自国家统计局'\n },\n grid: {...},\n xAxis: [...],\n yAxis: [...],\n series: [\n { // 系列一的一些其他配置\n type: 'bar',\n ...\n },\n { // 系列二的一些其他配置\n type: 'line',\n ...\n },\n { // 系列三的一些其他配置\n type: 'pie',\n ...\n }\n ]\n },\n options: [\n { // 这是'2002-01-01' 对应的 option\n title: {\n text: '2002年统计值'\n },\n series: [\n {data: []}, // 系列一的数据\n {data: []}, // 系列二的数据\n {data: []} // 系列三的数据\n ]\n },\n { // 这是'2003-01-01' 对应的 option\n title: {\n text: '2003年统计值'\n },\n series: [\n {data: []},\n {data: []},\n {data: []}\n ]\n },\n { // 这是'2004-01-01' 对应的 option\n title: {\n text: '2004年统计值'\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"],"default":true},"type":{"type":["string"],"default":"'slider'"},"axisType":{"type":["string"],"default":"'time'"},"currentIndex":{"type":["number"],"default":0},"autoPlay":{"type":["boolean"],"default":false},"rewind":{"type":["boolean"],"default":false},"loop":{"type":["boolean"],"default":true},"playInterval":{"type":["number"],"default":2000},"realtime":{"type":["boolean"],"default":true},"controlPosition":{"type":["string"],"default":"'left'"},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'auto'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"padding":{"type":["number","Array"],"default":5},"orient":{"type":["string"],"default":"'horizontal'"},"inverse":{"type":["boolean"],"default":false},"symbol":{"type":["string"],"default":"'emptyCircle'"},"symbolSize":{"type":["number","Array"],"default":10},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"color":{"type":["Color"],"default":"'#304654'"},"width":{"type":["number"],"default":2},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>轴的文本标签。<code>emphasis</code> 是文本高亮的样式，比如鼠标悬浮或者图例联动高亮的时候会使用 <code>emphasis</code> 作为文本的样式。</p>\n","properties":{"position":{"type":["string","number"],"default":"'auto'"},"show":{"type":["boolean"],"default":true},"interval":{"type":["string","number"],"default":"'auto'"},"rotate":{"type":["prefix"],"default":0},"formatter":{"type":["string","Function"],"default":null},"color":{"type":["Color"],"default":"'#304654'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>timeline 图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#304654'"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"checkpointStyle":{"type":["Object"],"description":"<p>『当前项』（<code>checkpoint</code>）的图形样式。</p>\n","properties":{"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array"],"default":13},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"color":{"type":["Color"],"default":"'#c23531'"},"borderWidth":{"type":["number"],"default":5},"borderColor":{"type":["Color"],"default":"'rgba(194,53,49, 0.5)'"},"animation":{"type":["boolean"],"default":true},"animationDuration":{"type":["number"],"default":300},"animationEasing":{"type":["string"],"default":"'quinticInOut'"}}},"controlStyle":{"type":["Object"],"description":"<p>『控制按钮』的样式。『控制按钮』包括：『播放按钮』、『前进按钮』、『后退按钮』。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"showPlayBtn":{"type":["boolean"],"default":true},"showPrevBtn":{"type":["boolean"],"default":true},"showNextBtn":{"type":["boolean"],"default":true},"itemSize":{"type":["number"],"default":22},"itemGap":{"type":["number"],"default":12},"position":{"type":["string"],"default":"'left'"},"playIcon":{"type":["string"]},"stopIcon":{"type":["string"]},"prevIcon":{"type":["string"]},"nextIcon":{"type":["string"]},"color":{"type":["Color"],"default":"'#304654'"},"borderColor":{"type":["Color"],"default":"'#304654'"},"borderWidth":{"type":["number"],"description":"<p>按钮边框线宽。</p>\n","default":1,"properties":{"color":{"type":["Color"],"default":"'#c23531'"},"borderColor":{"type":["Color"],"default":"'#c23531'"},"borderWidth":{"type":["number"],"default":2}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"interval":{"type":["string","number"],"default":"'auto'"},"rotate":{"type":["prefix"],"default":0},"formatter":{"type":["string","Function"],"default":null},"color":{"type":["Color"],"default":"'#c23531'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'#c23531'"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"checkpointStyle":{"type":["Object"]},"controlStyle":{"type":["Object"]}}},"data":{"type":["Array"]}}},"graphic":{"type":["*"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=line-graphic&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n<p>下面示例中，使用隐藏的图形元素实现了拖拽：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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: 'image',\n ...\n }\n});\n</code></pre>\n<p>配多个图形元素：</p>\n<pre><code class=\"lang-javascript\">myChart.setOption({\n ...,\n graphic: [\n { // 一个图形元素，类型是 image。\n type: 'image',\n ...\n },\n { // 一个图形元素，类型是 text，指定了 id。\n type: 'text',\n id: 'text1',\n ...\n },\n { // 一个图形元素，类型是 group，可以嵌套子节点。\n type: 'group',\n children: [\n {\n type: 'rect',\n id: 'rect1',\n ...\n },\n {\n type: 'image',\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 { // 删除上例中定义的 'text1' 元素。\n id: 'text1',\n $action: 'remove',\n ...\n },\n { // 将上例中定义的 'rect1' 元素换成 circle。\n // 注意尽管 'rect1' 在一个 group 中，但这里并不需要顾忌层级，用id指定就可以了。\n id: 'rect1',\n $action: 'replace',\n type: 'circle',\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: 'xxx',\n\n // 这个字段在第一次设置时不能忽略，取值见上方『支持的图形元素』。\n type: 'image',\n\n // 下面的各个属性如果不需要设置都可以忽略，忽略则取默认值。\n\n // 指定本次 setOption 对此图形元素进行的操作。默认是 'merge'，还可以 'replace' 或 'remove'。\n $action: 'replace',\n\n // 这是四个相对于父元素的定位属性，每个属性可取『像素值』或者『百分比』或者 'center'/'middle'。\n left: 10,\n // right: 10,\n top: 'center',\n // bottom: '10%',\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 // 设置是否整体限制在父节点范围内。可选值：'raw', 'all'。\n bouding: 'raw',\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: 'rect',\n shape: {\n x: 10,\n y: 10,\n width: 100,\n height: 200\n }\n},\n{\n type: 'circle',\n shape: {\n cx: 20,\n cy: 30,\n r: 100\n }\n},\n{\n type: 'image',\n style: {\n image: 'http://xxx.xxx.xxx/a.png',\n x: 100,\n y: 200,\n width: 230,\n height: 400\n }\n},\n{\n type: 'text',\n style: {\n text: 'This text',\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: 'rect',\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: 'image',\n left: 'center', // 水平定位到中间\n bottom: '10%', // 定位到距离下边界 10% 处\n style: {\n image: 'http://xxx.xxx.xxx/a.png',\n width: 45,\n height: 45\n }\n},\n{ // 将旋转过的 group 整体定位右下角：\n type: 'group',\n right: 0, // 定位到右下角\n bottom: 0, // 定位到右下角\n rotation: Math.PI / 4,\n children: [\n {\n type: 'rect',\n left: 'center', // 相对父元素居中\n top: 'middle', // 相对父元素居中\n shape: {\n width: 190,\n height: 90\n },\n style: {\n fill: '#fff',\n stroke: '#999',\n lineWidth: 2,\n shadowBlur: 8,\n shadowOffsetX: 3,\n shadowOffsetY: 3,\n shadowColor: 'rgba(0,0,0,0.3)'\n }\n },\n {\n type: 'text',\n left: 'center', // 相对父元素居中\n top: 'middle', // 相对父元素居中\n style: {\n fill: '#777',\n text: [\n 'This is text',\n '这是一段文字',\n 'Print some text'\n ].join('\\n'),\n font: '14px Microsoft YaHei'\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":{"id":{"type":["string"]},"elements":{"type":"Array","items":{"anyOf":[{"type":["Object"],"description":"<p>group 是唯一的可以有子节点的容器。group 可以用来整体定位一组图形元素。</p>\n","properties":{"type":{"type":["string"],"default":"group"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"width":{"type":["number"],"default":0},"height":{"type":["number"],"default":0},"children":{"type":["Array"]},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"","properties":{"type":{"type":["string"],"default":"image"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"style":{"type":["Object"],"description":"","properties":{"image":{"type":["string"]},"x":{"type":["number"],"default":0},"y":{"type":["numbr"],"default":0},"width":{"type":["number"],"default":0},"height":{"type":["numbr"],"default":0},"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>文本块。</p>\n","properties":{"type":{"type":["string"],"default":"text"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"style":{"type":["Object"],"description":"","properties":{"text":{"type":["string"],"default":"''"},"x":{"type":["number"],"default":0},"y":{"type":["numbr"],"default":0},"font":{"type":["string"]},"textAlign":{"type":["string"],"default":"'left'"},"textVerticalAlign":{"type":["string"]},"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>矩形。</p>\n","properties":{"type":{"type":["string"],"default":"rect"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"x":{"type":["number"],"default":0},"y":{"type":["numbr"],"default":0},"width":{"type":["number"],"default":0},"height":{"type":["numbr"],"default":0}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>圆。</p>\n","properties":{"type":{"type":["string"],"default":"circle"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"cx":{"type":["number"],"default":0},"cy":{"type":["numbr"],"default":0},"r":{"type":["number"],"default":0}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>圆环。</p>\n","properties":{"type":{"type":["string"],"default":"ring"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"cx":{"type":["number"],"default":0},"cy":{"type":["numbr"],"default":0},"r":{"type":["number"],"default":0},"r0":{"type":["number"],"default":0}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>扇形。</p>\n","properties":{"type":{"type":["string"],"default":"sector"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"cx":{"type":["number"],"default":0},"cy":{"type":["numbr"],"default":0},"r":{"type":["number"],"default":0},"r0":{"type":["number"],"default":0},"startAngle":{"type":["number"],"default":0},"endAngle":{"type":["number"],"default":"Math.PI * 2"},"clockwise":{"type":["boolean"],"default":true}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>圆弧。</p>\n","properties":{"type":{"type":["string"],"default":"arc"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"cx":{"type":["number"],"default":0},"cy":{"type":["numbr"],"default":0},"r":{"type":["number"],"default":0},"r0":{"type":["number"],"default":0},"startAngle":{"type":["number"],"default":0},"endAngle":{"type":["number"],"default":"Math.PI * 2"},"clockwise":{"type":["boolean"],"default":true}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":null},"stroke":{"type":["string"],"default":"\"#000\""},"lineWidth":{"type":["number"],"default":1},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>多边形。</p>\n","properties":{"type":{"type":["string"],"default":"polygon"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"points":{"type":["Array"]},"smooth":{"type":["number","string"],"default":"undefined"},"smoothConstraint":{"type":["boolean"],"default":false}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>折线。</p>\n","properties":{"type":{"type":["string"],"default":"polyline"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"points":{"type":["Array"]},"smooth":{"type":["number","string"],"default":"undefined"},"smoothConstraint":{"type":["boolean"],"default":false}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":null},"stroke":{"type":["string"],"default":"\"#000\""},"lineWidth":{"type":["number"],"default":5},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>直线。</p>\n","properties":{"type":{"type":["string"],"default":"line"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"x1":{"type":["number"],"default":0},"y1":{"type":["number"],"default":0},"x2":{"type":["number"],"default":0},"y2":{"type":["number"],"default":0},"percent":{"type":["number"],"default":1}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":null},"stroke":{"type":["string"],"default":"\"#000\""},"lineWidth":{"type":["number"],"default":5},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}},{"type":["Object"],"description":"<p>二次或三次贝塞尔曲线。</p>\n","properties":{"type":{"type":["string"],"default":"bezierCurve"},"id":{"type":["string"],"default":"undefined"},"$action":{"type":["string"],"default":"'merge'"},"left":{"type":["number","string"],"default":"undefined"},"right":{"type":["number","string"],"default":"undefined"},"top":{"type":["number","string"],"default":"undefined"},"bottom":{"type":["number","string"],"default":"undefined"},"bounding":{"type":["strin"],"default":"'all'"},"z":{"type":["number"],"default":0},"zlevel":{"type":["number"],"default":0},"silent":{"type":["boolean"],"default":false},"invisible":{"type":["boolean"],"default":false},"cursor":{"type":["string"],"default":"'pointer'"},"draggable":{"type":["boolean"],"default":false},"progressive":{"type":["boolean"],"default":false},"shape":{"type":["Object"],"description":"","properties":{"x1":{"type":["number"],"default":0},"y1":{"type":["number"],"default":0},"x2":{"type":["number"],"default":0},"y2":{"type":["number"],"default":0},"cpx1":{"type":["number"],"default":0},"cpy1":{"type":["number"],"default":0},"cpx2":{"type":["number"],"default":null},"cpy2":{"type":["number"],"default":null},"percent":{"type":["number"],"default":1}}},"style":{"type":["Object"],"description":"","properties":{"fill":{"type":["string"],"default":"'#000'"},"stroke":{"type":["string"],"default":null},"lineWidth":{"type":["number"],"default":0},"shadowBlur":{"type":["number"],"default":"undefined"},"shadowOffsetX":{"type":["number"],"default":"undefined"},"shadowOffsetY":{"type":["number"],"default":"undefined"},"shadowColor":{"type":["number"],"default":"undefined"}}},"onclick":{"type":["Function"]},"onmouseover":{"type":["Function"]},"onmouseout":{"type":["Function"]},"onmousemove":{"type":["Function"]},"onmousewheel":{"type":["Function"]},"onmousedown":{"type":["Function"]},"onmouseup":{"type":["Function"]},"ondrag":{"type":["Function"]},"ondragstart":{"type":["Function"]},"ondragend":{"type":["Function"]},"ondragenter":{"type":["Function"]},"ondragleave":{"type":["Function"]},"ondragover":{"type":["Function"]},"ondrop":{"type":["Function"]}}}]},"description":"<p>里面是所有图形元素的集合。</p>\n<p>注意：graphic 的标准写法是：</p>\n<pre><code class=\"lang-javascript\">{\n graphic: {\n elements: [\n {type: 'rect', ...}, {type: 'circle', ...}, ...\n ]\n }\n}\n</code></pre>\n<p>但是我们常常可以用简写：</p>\n<pre><code class=\"lang-javascript\">{\n graphic: {\n type: 'rect',\n ...\n }\n}\n</code></pre>\n<p>或者：</p>\n<pre><code class=\"lang-javascript\">{\n graphic: [\n {type: 'rect', ...}, {type: 'circle', ...}, ...\n ]\n}\n</code></pre>\n"}}},"calendar":{"type":["Object"],"description":"<p>日历坐标系组件。</p>\n<p>在ECharts中，我们非常有创意地实现了日历图，是通过使用日历坐标系组件来达到日历图效果的，如下方的几个示例图所示，我们可以在热力图、散点图、关系图中使用日历坐标系。</p>\n<p>在日历坐标系中使用热力图的示例:</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=calendar-heatmap&edit=1&reset=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n<p>在日历坐标系中使用散点图的示例:</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=calendar-effectscatter&edit=1&reset=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p>在日历坐标系中使用关系图（以及混合图表）的示例:</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=calendar-graph&edit=1&reset=1\" width=\"600\" height=\"600\" ></iframe>\n\n\n<p>灵活利用 echarts 图表和坐标系的组合，以及 API，可以实现更丰富的效果。\n<a href=\"http://echarts.baidu.com/gallery/editor.html?c=calendar-lunar&edit=1&reset=1\" target=\"_blank\">在日历中使用文字</a>、\n<a href=\"http://echarts.baidu.com/gallery/editor.html?c=calendar-pie&edit=1&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":{"id":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":80},"top":{"type":["string","number"],"default":60},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"width":{"type":["number","string"],"default":"auto"},"height":{"type":["number","string"],"default":"auto"},"range":{"type":["number","string","Array"]},"cellSize":{"type":["number","Array"],"default":20},"orient":{"type":["string"],"default":"'horizontal'"},"splitLine":{"type":["Object"],"description":"<p>设置日历坐标分隔线的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#000"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"itemStyle":{"type":["Object"],"description":"<p>设置日历格的样式</p>\n","properties":{"color":{"type":["Color"],"default":"#fff"},"borderColor":{"type":["Color"],"default":"'#ccc'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"dayLabel":{"type":["Object"],"description":"<p>设置日历坐标中 星期轴的样式</p>\n","properties":{"show":{"type":["boolean"],"default":true},"firstDay":{"type":["number"],"default":0},"margin":{"type":["number"],"default":0},"position":{"type":["string"],"default":"'start'"},"nameMap":{"type":["string","Array"],"default":"'en'"},"color":{"type":["Color"],"default":"#000"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"monthLabel":{"type":["Object"],"description":"<p>设置日历坐标中 月份轴的样式</p>\n","properties":{"show":{"type":["boolean"],"default":true},"align":{"type":["string"]},"margin":{"type":["number"],"default":5},"position":{"type":["string"],"default":"'start'"},"nameMap":{"type":["string","Array"],"default":"'en'"},"formatter":{"type":["string","Function"],"default":null},"color":{"type":["Color"],"default":"#000"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"yearLabel":{"type":["Object"],"description":"<p>设置日历坐标中 年的样式</p>\n","properties":{"show":{"type":["boolean"],"default":true},"margin":{"type":["number"],"default":30},"position":{"type":["string"]},"formatter":{"type":["string","Function"],"default":null},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"silent":{"type":["boolean"],"default":false}}},"dataset":{"type":["Object"],"description":"<p>ECharts 4 开始支持了 <code>数据集</code>（<code>dataset</code>）组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用，并且可以自由指定数据到视觉的映射。这在不少场景下能带来使用上的方便。</p>\n<p>关于 <code>dataset</code> 的详情，请参见<a href=\"http://echarts.baidu.com/tutorial.html#%E6%95%B0%E6%8D%AE%E9%9B%86%EF%BC%88dataset%EF%BC%89\" target=\"_blank\">教程</a>。</p>\n<hr>\n","properties":{"id":{"type":["string"]},"source":{"type":["Array","Object"]},"dimensions":{"type":["Array"]},"sourceHeader":{"type":["boolean"]}}},"aria":{"type":["*"],"description":"<p>W3C 制定了无障碍富互联网应用规范集（<a href=\"https://www.w3.org/WAI/intro/aria\" target=\"_blank\">WAI-ARIA</a>，the Accessible Rich Internet Applications Suite），致力于使得网页内容和网页应用能够被更多残障人士访问。ECharts 4.0 遵从这一规范，支持自动根据图表配置项智能生成描述，使得盲人可以在朗读设备的帮助下了解图表内容，让图表可以被更多人群访问。</p>\n<p>默认关闭，需要通过将 <a href=\"#aria.show\">aria.show</a> 设置为 <code>true</code> 开启。开启后，会根据图表、数据、标题等情况，自动智能生成关于图表的描述，用户也可以通过配置项修改描述。</p>\n<p><strong>例子：</strong></p>\n<p>对于配置项：</p>\n<pre><code class=\"lang-js\">option = {\n aria: {\n show: true\n },\n title: {\n text: '某站点用户访问来源',\n x: 'center'\n },\n series: [\n {\n name: '访问来源',\n type: 'pie',\n data: [\n { value: 335, name: '直接访问' },\n { value: 310, name: '邮件营销' },\n { value: 234, name: '联盟广告' },\n { value: 135, name: '视频广告' },\n { value: 1548, name: '搜索引擎' }\n ]\n }\n ]\n};\n</code></pre>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/aria-pie&edit=1&reset=1\" width=\"700\" height=\"300\" ></iframe>\n\n\n<p>生成的图表 DOM 上，会有一个 <code>aria-label</code> 属性，在朗读设备的帮助下，盲人能够了解图表的内容。其值为：</p>\n<pre><code>这是一个关于“某站点用户访问来源”的图表。图表类型是饼图，表示访问来源。其数据是——直接访问的数据是335，邮件营销的数据是310，联盟广告的数据是234，视频广告的数据是135，搜索引擎的数据是1548。\n</code></pre><p>生成描述的基本流程为，如果 <a href=\"#aria.show\">aria.show</a> 设置为 <code>true</code>，则生成无障碍访问描述，否则不生成。如果定义了 <a href=\"#aria.description\">aria.description</a>，则将其作为图表的完整描述，否则根据模板拼接生成描述。我们提供了默认的生成描述的算法，仅当生成的描述不太合适时，才需要修改这些模板，甚至使用 <code>aria.description</code> 完全覆盖。</p>\n<p>使用模板拼接时，先根据是否存在标题 <a href=\"#title.text\">title.text</a> 决定使用 <a href=\"#aria.general.withTitle\">aria.general.withTitle</a> 还是 <a href=\"#aria.general.withoutTitle\">aria.general.withoutTitle</a> 作为整体性描述。其中，<code>aria.general.withTitle</code> 配置项包括模板变量 <code>'{title}'</code>，将会被替换成图表标题。也就是说，如果 <code>aria.general.withTitle</code> 被设置为 <code>'图表的标题是：{title}。'</code>，则如果包含标题 <code>'价格分布图'</code>，这部分的描述为 <code>'图表的标题是：价格分布图。'</code>。</p>\n<p>拼接完标题之后，会依次拼接系列的描述（<a href=\"#aria.series\">aria.series</a>），和每个系列的数据的描述（<a href=\"#aria.data\">aria.data</a>）。同样，每个模板都有可能包括模板变量，用以替换实际的值。</p>\n<p>完整的描述生成流程为：</p>\n<p><img width=\"800\" height=\"auto\" src=\"documents/asset/img/echarts-aria.jpg\"></p>\n","properties":{"show":{"type":["boolean"],"default":false},"description":{"type":["string"],"default":null},"general":{"type":["Object"],"description":"<p>对于图表的整体性描述。</p>\n","properties":{"withTitle":{"type":["string"],"default":"'这是一个关于“{title}”的图表。'"},"withoutTitle":{"type":["string"],"default":"'这是一个图表，'"}}},"series":{"type":["Object"],"description":"<p>系列相关的配置项。</p>\n","properties":{"maxCount":{"type":["number"],"default":10},"single":{"type":["Object"],"description":"<p>当图表只包含一个系列时，采用的描述。</p>\n","properties":{"prefix":{"type":["string"],"default":"''"},"withName":{"type":["string"],"default":"'图表类型是{seriesType}，表示{seriesName}。'"},"withoutName":{"type":["string"],"default":"'图表类型是{seriesType}。'"}}},"multiple":{"type":["Object"],"description":"<p>当图表只包含多个系列时，采用的描述。</p>\n","properties":{"prefix":{"type":["string"],"default":"'它由{seriesCount}个图表系列组成。'"},"withName":{"type":["string"],"default":"'图表类型是{seriesType}，表示{seriesName}。'"},"withoutName":{"type":["string"],"default":"'图表类型是{seriesType}。'"},"separator":{"type":["Object"],"description":"<p>系列与系列之间描述的分隔符。</p>\n","properties":{"middle":{"type":["string"],"default":"'；'"},"end":{"type":["string"],"default":"'。'"}}}}}}},"data":{"type":["Object"],"description":"<p>数据相关的配置项。</p>\n","properties":{"maxCount":{"type":["number"],"default":10},"allData":{"type":["string"],"default":"'其数据是——'"},"partialData":{"type":["string"],"default":"'其中，前{displayCnt}项是——'"},"withName":{"type":["string"],"default":"'{name}的数据是{value}'"},"withoutName":{"type":["string"],"default":"'{value}'"},"separator":{"type":["Object"],"description":"<p>数据与数据之间描述的分隔符。</p>\n","properties":{"middle":{"type":["string"],"default":"'，'"},"end":{"type":["string"],"default":"''"}}}}}}},"series":{"type":"Array","items":{"anyOf":[{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=line-aqi&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'line'"},"id":{"type":["string"]},"name":{"type":["string"]},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"polarIndex":{"type":["number"],"default":0},"symbol":{"type":["string"],"default":"'emptyCircle'"},"symbolSize":{"type":["number","Array","Function"],"default":4},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"showSymbol":{"type":["boolean"],"default":true},"showAllSymbol":{"type":["boolean"],"default":false},"hoverAnimation":{"type":["boolean"],"default":true},"legendHoverLink":{"type":["boolean"],"default":true},"stack":{"type":["string"],"default":null},"cursor":{"type":["string"],"default":"'pointer'"},"connectNulls":{"type":["boolean"],"default":false},"clipOverflow":{"type":["boolean"],"default":true},"step":{"type":["string","boolean"],"default":false},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'top'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>折线拐点标志的样式。</p>\n","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"<p>线条样式。</p>\n<p><strong>注：</strong> 修改 <code>lineStyle</code> 中的颜色不会影响图例颜色，如果需要图例颜色和折线图颜色一致，需修改 <a href=\"#series-line.itemStyle.color\">itemStyle.color</a>，线条颜色默认也会取改颜色。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":2},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"areaStyle":{"type":["Object"],"description":"<p>区域填充样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"origin":{"type":["string"],"default":"'auto'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>图形的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"smooth":{"type":["boolean","number"],"default":false},"smoothMonotone":{"type":["string"]},"sampling":{"type":["string"]},"dimensions":{"type":["Array"]},"encode":{"type":["Object"]},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"]},"value":{"type":["number"]},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array"],"default":4},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"label":{"type":["Object"],"description":"<p>单个拐点文本的样式设置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"top"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>单个拐点标志的样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>单个拐点的高亮样式和标签设置。</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"linear"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><strong>柱状/条形图</strong></p>\n<p>柱状/条形图 通过 柱形的高度/条形的宽度 来表现数据的大小，用于有至少一个类目轴或时间轴的<a href=\"#grid\">直角坐标系</a>上。</p>\n","properties":{"type":{"type":["string"],"default":"'bar'"},"id":{"type":["string"]},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#000'"},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"barBorderRadius":{"type":["number","Array"],"default":0},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的图形样式和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#000'"},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"stack":{"type":["string"],"default":null},"cursor":{"type":["string"],"default":"'pointer'"},"barWidth":{"type":["number","string"],"default":"自适应"},"barMaxWidth":{"type":["number","string"],"default":"自适应"},"barMinHeight":{"type":["number"],"default":0},"barGap":{"type":["string"],"default":"30%"},"barCategoryGap":{"type":["string"],"default":"'20%'"},"dimensions":{"type":["Array"]},"encode":{"type":["Object"]},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"]},"value":{"type":["number"]},"label":{"type":["Object"],"description":"<p>单个柱条文本的样式设置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#000'"},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"barBorderRadius":{"type":["number","Array"],"default":0},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态的柱状图图形与标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#000'"},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=pie-custom&edit=1&reset=1\" width=\"500\" height=\"400\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'pie'"},"id":{"type":["string"]},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"hoverAnimation":{"type":["boolean"],"default":true},"hoverOffset":{"type":["number"],"default":10},"selectedMode":{"type":["boolean","string"],"default":false},"selectedOffset":{"type":["number"],"default":10},"clockwise":{"type":["boolean"],"default":true},"startAngle":{"type":["number"],"default":90},"minAngle":{"type":["number"],"default":0},"roseType":{"type":["boolean","string"],"default":false},"avoidLabelOverlap":{"type":["boolean"],"default":true},"stillShowZeroSum":{"type":["boolean"],"default":true},"cursor":{"type":["string"],"default":"'pointer'"},"label":{"type":["Object"],"description":"<p>饼图图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'outside'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"labelLine":{"type":["Object"],"description":"<p>标签的视觉引导线样式，在 <a href=\"#series-pie.label.position\">label 位置</a> 设置为<code>'outside'</code>的时候会显示视觉引导线。</p>\n","properties":{"show":{"type":["boolean"]},"length":{"type":["number"]},"length2":{"type":["number"]},"smooth":{"type":["boolean","number"],"default":false},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下视觉引导线的样式。</p>\n","properties":{"show":{"type":["boolean"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的扇区和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"center":{"type":["Array"],"default":"['50%', '50%']"},"radius":{"type":["Array"],"default":"[0, '75%']"},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<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: '数据1',\n // 数据项值8\n value: 10\n}, {\n name: '数据2',\n value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n name: '数据1',\n value: 10\n}, {\n // 数据项名称\n name: '数据2',\n value : 56,\n //自定义特殊 tooltip，仅对该数据项有效\n tooltip:{},\n //自定义特殊itemStyle，仅对该item有效\n itemStyle:{}\n}]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"value":{"type":["number"]},"selected":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>单个扇区的标签配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'outside'"},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"labelLine":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"]},"length":{"type":["number"]},"length2":{"type":["number"]},"smooth":{"type":["boolean","number"],"default":false},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下视觉引导线的样式。</p>\n","properties":{"show":{"type":["boolean"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"silent":{"type":["boolean"],"default":false},"animationType":{"type":["string"],"default":"'expansion'"},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=scatter-map&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'scatter'"},"id":{"type":["string"]},"name":{"type":["string"]},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"polarIndex":{"type":["number"],"default":0},"geoIndex":{"type":["number"],"default":0},"calendarIndex":{"type":["number"],"default":0},"hoverAnimation":{"type":["boolean"]},"legendHoverLink":{"type":["boolean"],"default":true},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array","Function"],"default":10},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"large":{"type":["boolean"],"default":true},"largeThreshold":{"type":["number"],"default":2000},"cursor":{"type":["string"],"default":"'pointer'"},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的图形和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"dimensions":{"type":["Array"]},"encode":{"type":["Object"]},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"]},"value":{"type":["Array"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>单个数据点（气泡）的样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>单个数据的高亮图形和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p>带有涟漪特效动画的散点（气泡）图。利用动画特效可以将某些想要突出的数据进行视觉突出。</p>\n<p><strong>Tip:</strong> ECharts 2.x 中在地图上通过 markPoint 实现地图特效在 ECharts 3 中建议通过地理坐标系上的 effectScatter 实现。</p>\n<p><strong>如下示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=effectScatter-map&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'effectScatter'"},"id":{"type":["string"]},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"effectType":{"type":["string"],"default":"'ripple'"},"showEffectOn":{"type":["string"],"default":"'render'"},"rippleEffect":{"type":["Object"],"description":"<p>涟漪特效相关配置。</p>\n","properties":{"period":{"type":["number"],"default":4},"scale":{"type":["number"],"default":2.5},"brushType":{"type":["string"],"default":"'fill'"}}},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"polarIndex":{"type":["number"],"default":0},"geoIndex":{"type":["number"],"default":0},"calendarIndex":{"type":["number"],"default":0},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array"],"default":10},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"cursor":{"type":["string"],"default":"'pointer'"},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"dimensions":{"type":["Array"]},"encode":{"type":["Object"]},"emphasis":{"type":["Object"],"description":"<p>高亮的标签和图形样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"],"default":"'circle'"},"symbolSize":{"type":["number","Array"],"default":4},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>单个数据的图形和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><strong>雷达图</strong></p>\n<p>雷达图主要用于表现多变量的数据，例如球员的各个属性分析。依赖 <a href=\"#radar\">radar</a> 组件。</p>\n<p>下面是 AQI 数据用雷达图表现的示例。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=radar-aqi&edit=1&reset=1\" width=\"600\" height=\"500\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'radar'"},"id":{"type":["string"]},"name":{"type":["string"]},"radarIndex":{"type":["number"]},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array","Function"],"default":4},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'top'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>折线拐点标志的样式。</p>\n","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"<p>线条样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"areaStyle":{"type":["Object"],"description":"<p>区域填充样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的样式设置</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"areaStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<p>雷达图的数据是多变量（维度）的，如下示例：</p>\n<pre><code class=\"lang-js\">data : [\n {\n value : [4300, 10000, 28000, 35000, 50000, 19000],\n name : '预算分配（Allocated Budget）'\n },\n {\n value : [5000, 14000, 28000, 31000, 42000, 21000],\n name : '实际开销（Actual Spending）'\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"]},"value":{"type":["number"]},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array"],"default":4},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"label":{"type":["Object"],"description":"<p>单个拐点文本的样式设置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"top"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>单个拐点标志的样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#000'"},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"<p>单项线条样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"areaStyle":{"type":["Object"],"description":"<p>单项区域填充样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>单个数据项样式的高亮设置。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"top"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#000'"},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"areaStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><strong>树图</strong></p>\n<p>树图主要用来可视化树形数据结构，是一种特殊的层次类型，具有唯一的根节点，左子树，和右子树。</p>\n<p><strong>注意：目前不支持在单个 series 中直接绘制森林，可以通过在一个 option 中配置多个 series 实现森林</strong></p>\n<p><strong>树图示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=tree-vertical&edit=1&reset=1\" width=\"900\" height=\"780\" ></iframe>\n\n\n<p><strong>多个 series 组合成森林示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=tree-legend&edit=1&reset=1\" width=\"800\" height=\"680\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'tree'"},"id":{"type":["string"]},"name":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"12%"},"top":{"type":["string","number"],"default":"12%"},"right":{"type":["string","number"],"default":"12%"},"bottom":{"type":["string","number"],"default":"12%"},"width":{"type":["string","number"],"default":null},"height":{"type":["string","number"],"default":null},"layout":{"type":["string"],"default":"'orthogonal'"},"orient":{"type":["string"],"default":"'LR'"},"symbol":{"type":["string"],"default":"'emptyCircle'"},"symbolSize":{"type":["number","Array","Function"],"default":7},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"expandAndCollapse":{"type":["boolean"],"default":true},"initialTreeDepth":{"type":["number"],"default":2},"itemStyle":{"type":["Object"],"description":"<p>树图中每个节点的样式，其中 <a href=\"#series-tree.itemStyle.color\">itemStyle.color</a> 表示节点的填充色，用来区别当前节点所对应的子树折叠或展开的状态。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#c23531'"},"borderWidth":{"type":["number"],"default":1.5},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个节点所对应的文本标签的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"lineStyle":{"type":["Object"],"description":"<p>定义了树图边的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"'#ccc'\""},"width":{"type":["number"],"default":1.5},"curveness":{"type":["number"],"default":0.5},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>树图中个图形和标签高亮的样式。</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"'#ccc'\""},"width":{"type":["number"],"default":1.5},"curveness":{"type":["number"],"default":0.5},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"leaves":{"type":["Object"],"description":"<p>叶子节点的特殊配置，如上面的树图实例中，叶子节点和非叶子节点的标签位置不同。</p>\n","properties":{"label":{"type":["Object"],"description":"<p>描述了叶子节点所对应的文本标签的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>树图中叶子节点的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>叶子节点高亮的样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}},"data":{"type":["Object"],"description":"<p><a href=\"#series-tree.data\">series-tree.data</a> 的数据格式是树状结构的，例如：</p>\n<pre><code class=\"lang-javascript\">{ // 注意，最外层是一个对象，代表树的根节点\n name: "flare", // 节点的名称，当前节点 label 对应的文本\n label: { // 此节点特殊的 label 配置（如果需要的话）。\n ... // label的格式参见 series-tree.label。\n },\n itemStyle: { // 此节点特殊的 itemStyle 配置（如果需要的话）。\n ... // label的格式参见 series-tree.itemStyle。\n },\n children: [\n {\n name: "flex",\n value: 4116, // value 值，只在 tooltip 中显示\n label: {\n ...\n },\n itemStyle: {\n ...\n },\n collapsed: null, // 如果为 true，表示此节点默认折叠。\n children: [...] // 叶子节点没有 children, 可以不写\n },\n ...\n ]\n};\n</code></pre>\n","properties":{"name":{"type":["string"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该节点的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该节点的标签。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"<p>高亮的节点样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"'linear'"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><a href=\"https://en.wikipedia.org/wiki/Treemapping\" target=\"_blank\">Treemap</a> 是一种常见的表达『层级数据』『树状数据』的可视化形式。它主要用面积的方式，便于突出展现出『树』的各层级中重要的节点。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/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/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> 开启 "drill down" 功能。</p>\n</li>\n<li><p><code>label</code> 的配置被移动到了 <code>itemStyle/itemStyle.emphasis</code> 外部，和 <code>itemStyle</code> 平级。</p>\n</li>\n<li><p><code>itemStyle.childBorderWidth</code>、<code>itemStyle.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"],"default":"'treemap'"},"id":{"type":["string"]},"name":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"center"},"top":{"type":["string","number"],"default":"middle"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"width":{"type":["string","number"],"default":"80%"},"height":{"type":["string","number"],"default":"80%"},"squareRatio":{"type":["number"]},"leafDepth":{"type":["number"],"default":null},"drillDownIcon":{"type":["string"],"default":"'▶'"},"roam":{"type":["boolean","string"],"default":true},"nodeClick":{"type":["boolean","string"],"default":"'zoomToNode'"},"zoomToNodeRatio":{"type":["number"],"default":"0.32*0.32"},"levels":{"type":["Array"],"description":"<p><strong>多层配置</strong></p>\n<p>treemap 中采用『三级配置』：</p>\n<pre><code>『每个节点』->『每个层级』->『每个系列』。\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 "tree", but is "forest".\n// 注意，这个数据结构实际不是『树』而是『森林』\ndata: [\n {\n name: 'nodeA',\n children: [\n {name: 'nodeAA'},\n {name: 'nodeAB'},\n ]\n },\n {\n name: 'nodeB',\n children: [\n {name: 'nodeBA'}\n ]\n }\n],\nlevels: [\n {...}, // 『森林』的顶层配置。即含有 'nodeA', 'nodeB' 的这层。\n {...}, // 下一层配置，即含有 'nodeAA', 'nodeAB', 'nodeBA' 的这层。\n {...}, // 再下一层配置。\n ...\n]\n</code></pre>\n<p><br>\n<strong>视觉映射的规则</strong></p>\n<p>treemap中首要关注的是如何在视觉上较好得区分『不同层级』、『同层级中不同类别』。这需要合理得设置不同层级的『矩形颜色』、『边界粗细』、『边界颜色』甚至『矩形颜色饱和度』等。</p>\n<p>参见这个<a href=\"http://echarts.baidu.com/gallery/editor.html?c=treemap-disk&edit=1&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: 'someid-1',\n name: 'description of this node',\n children: [...]\n },\n {\n value: [4545, 192, 439],\n id: 'someid-2',\n name: 'description of this node',\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=\"http://echarts.baidu.com/gallery/editor.html?c=treemap-obama&edit=1&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=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/treemap-borderColor&edit=1&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"],"default":0},"visualMin":{"type":["number"],"default":null},"visualMax":{"type":["number"],"default":null},"color":{"type":["Array"]},"colorAlpha":{"type":["Array"],"default":null},"colorSaturation":{"type":["number"],"default":null},"colorMappingBy":{"type":["string"],"default":"'index'"},"visibleMin":{"type":["number"],"default":10},"childrenVisibleMin":{"type":["number"],"default":null},"label":{"type":["Object"],"description":"<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":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"upperLabel":{"type":["Object"],"description":"<p><code>upperLabel</code> 用于显示矩形的父节点的标签。当 <a href=\"#series-treemap.upperLabel.show\">upperLabel.show</a> 为 <code>true</code> 的时候，『显示父节点标签』功能开启。</p>\n<p>同 <a href=\"#series-treemap.label\">series-treemap.label</a> 一样，<code>upperLabel</code> 可以存在于 <a href=\"#series-treemap\">series-treemap</a> 的根节点，或者 <a href=\"#series-treemap.level\">series-treemap.level</a> 中，或者 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个数据项中。</p>\n<p><a href=\"#series-treemap.label\">series-treemap.label</a> 描述的是，当前节点为叶节点时标签的样式；<code>upperLabel</code> 描述的是，当前节点为非叶节点（即含有子节点）时标签的样式。（此时标签一般会被显示在节点的最上部）</p>\n<p>参见：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=treemap-show-parent&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n\n\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":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n","default":true,"properties":{"height":{"type":["number"],"default":20}}}}},"itemStyle":{"type":["Object"],"description":"<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":{"color":{"type":["Color"],"default":null},"colorAlpha":{"type":["number"],"default":null},"colorSaturation":{"type":["number"],"default":null},"borderWidth":{"type":["number"],"default":0},"gapWidth":{"type":["number"],"default":0},"borderColor":{"type":["Color"],"default":"'#fff',"},"borderColorSaturation":{"type":["Color"],"default":null},"strokeColor":{"type":["Color"],"default":null},"strokeWidth":{"type":["number"],"default":null}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"upperLabel":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":null}}}}}}}},"silent":{"type":["boolean"],"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n","default":false,"properties":{"link":{"type":["string"]},"target":{"type":["string"],"default":"'blank'"},"children":{"type":["Array"]},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},"visualDimension":{"type":["number"],"default":0},"visualMin":{"type":["number"],"default":null},"visualMax":{"type":["number"],"default":null},"colorAlpha":{"type":["Array"],"default":null},"colorSaturation":{"type":["number"],"default":null},"colorMappingBy":{"type":["string"],"default":"'index'"},"visibleMin":{"type":["number"],"default":10},"childrenVisibleMin":{"type":["number"],"default":null},"label":{"type":["Object"],"description":"<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":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"upperLabel":{"type":["Object"],"description":"<p><code>upperLabel</code> 用于显示矩形的父节点的标签。当 <a href=\"#series-treemap.upperLabel.show\">upperLabel.show</a> 为 <code>true</code> 的时候，『显示父节点标签』功能开启。</p>\n<p>同 <a href=\"#series-treemap.label\">series-treemap.label</a> 一样，<code>upperLabel</code> 可以存在于 <a href=\"#series-treemap\">series-treemap</a> 的根节点，或者 <a href=\"#series-treemap.level\">series-treemap.level</a> 中，或者 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个数据项中。</p>\n<p><a href=\"#series-treemap.label\">series-treemap.label</a> 描述的是，当前节点为叶节点时标签的样式；<code>upperLabel</code> 描述的是，当前节点为非叶节点（即含有子节点）时标签的样式。（此时标签一般会被显示在节点的最上部）</p>\n<p>参见：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=treemap-show-parent&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n\n\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":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n","default":true,"properties":{"height":{"type":["number"],"default":20}}}}},"itemStyle":{"type":["Object"],"description":"<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":{"color":{"type":["Color"],"default":null},"colorAlpha":{"type":["number"],"default":null},"colorSaturation":{"type":["number"],"default":null},"borderWidth":{"type":["number"],"default":0},"gapWidth":{"type":["number"],"default":0},"borderColor":{"type":["Color"],"default":"'#fff',"},"borderColorSaturation":{"type":["Color"],"default":null},"strokeColor":{"type":["Color"],"default":null},"strokeWidth":{"type":["number"],"default":null}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"upperLabel":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":null}}}}},"breadcrumb":{"type":["Object"],"description":"<p>面包屑，能够显示当前节点的路径。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"left":{"type":["string","number"],"default":"'center'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":0},"height":{"type":["number"],"default":22},"emptyItemWidth":{"type":["number"],"default":25},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"rgba(0,0,0,0.7)"},"borderColor":{"type":["Color"],"default":"rgba(255,255,255,0.7)"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"rgba(150,150,150,1)"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n","properties":{"textStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#fff"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"emphasis":{"type":["*"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"rgba(0,0,0,0.7)"},"borderColor":{"type":["Color"],"default":"rgba(255,255,255,0.7)"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"],"default":3},"shadowColor":{"type":["Color"],"default":"rgba(150,150,150,1)"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"textStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#fff"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"data":{"type":["Array"],"description":"<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: 'someid-1', // id 不是必须设置的。\n // 但是如果想使用 API 来改变某个节点，需要用 id 来定位。\n name: 'description of this node', // 显示在矩形中的描述文字。\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: 'someid-2',\n name: 'description of this node',\n children: [\n {\n value: 5656,\n id: 'someid-3',\n name: 'description of this node',\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"]},"id":{"type":["string"]},"name":{"type":["string"]},"visualDimension":{"type":["number"],"default":0},"visualMin":{"type":["number"],"default":null},"visualMax":{"type":["number"],"default":null},"color":{"type":["Array"]},"colorAlpha":{"type":["Array"],"default":null},"colorSaturation":{"type":["number"],"default":null},"colorMappingBy":{"type":["string"],"default":"'index'"},"visibleMin":{"type":["number"],"default":10},"childrenVisibleMin":{"type":["number"],"default":null},"label":{"type":["Object"],"description":"<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":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"upperLabel":{"type":["Object"],"description":"<p><code>upperLabel</code> 用于显示矩形的父节点的标签。当 <a href=\"#series-treemap.upperLabel.show\">upperLabel.show</a> 为 <code>true</code> 的时候，『显示父节点标签』功能开启。</p>\n<p>同 <a href=\"#series-treemap.label\">series-treemap.label</a> 一样，<code>upperLabel</code> 可以存在于 <a href=\"#series-treemap\">series-treemap</a> 的根节点，或者 <a href=\"#series-treemap.level\">series-treemap.level</a> 中，或者 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个数据项中。</p>\n<p><a href=\"#series-treemap.label\">series-treemap.label</a> 描述的是，当前节点为叶节点时标签的样式；<code>upperLabel</code> 描述的是，当前节点为非叶节点（即含有子节点）时标签的样式。（此时标签一般会被显示在节点的最上部）</p>\n<p>参见：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=treemap-show-parent&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n\n\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":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n","default":true,"properties":{"height":{"type":["number"],"default":20}}}}},"itemStyle":{"type":["Object"],"description":"<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":{"color":{"type":["Color"],"default":null},"colorAlpha":{"type":["number"],"default":null},"colorSaturation":{"type":["number"],"default":null},"borderWidth":{"type":["number"],"default":0},"gapWidth":{"type":["number"],"default":0},"borderColor":{"type":["Color"],"default":"'#fff',"},"borderColorSaturation":{"type":["Color"],"default":null},"strokeColor":{"type":["Color"],"default":null},"strokeWidth":{"type":["number"],"default":null}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"upperLabel":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}},"ellipsis":{"type":["boolean"],"default":true}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":null}}}}}}}},"animationDuration":{"type":["number"],"default":1500},"animationEasing":{"type":["string"],"default":"quinticInOut"},"animationDelay":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><a href=\"https://en.wikipedia.org/wiki/Pie_chart#Ring_chart_/_Sunburst_chart_/_Multilevel_pie_chart\" target=\"_blank\">旭日图（Sunburst）</a>由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像<a href=\"#series-pie\">饼图</a>一样表现局部和整体的占比，又能像<a href=\"#series-treemap\">矩形树图</a>一样表现层级关系。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-monochrome&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-drink&edit=1&reset=1\" width=\"700\" height=\"700\" ></iframe>\n\n\n<p><strong>数据下钻</strong></p>\n<p>旭日图默认支持数据下钻，也就是说，当用户点击了某个扇形块之后，将会以该节点作为根结点显示，并且在中间出现一个返回上层节点的圆。如果不希望有数据下钻功能，可以通过将 <a href=\"#series-treemap.nodeClick\">series-sunburst.nodeClick</a> 设置为 <code>false</code> 实现。</p>\n","properties":{"type":{"type":["string"],"default":"'sunburst'"},"id":{"type":["string"]},"name":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"center":{"type":["Array"],"default":"['50%', '50%']"},"radius":{"type":["Array"],"default":"[0, '75%']"},"data":{"type":["Array"],"description":"<p><a href=\"#series-sunburst.data\">series-sunburst.data</a> 的数据格式是树状的，例如：</p>\n<pre><code class=\"lang-js\">[{\n name: 'parent1',\n value: 10, // 可以不写父元素的 value，则为子元素之和；\n // 如果写了，并且大于子元素之和，可以用来表示还有其他子元素未显示\n children: [{\n value: 5,\n name: 'child1',\n children: [{\n value: 2,\n name: 'grandchild1',\n itemStyle: {\n // 每个数据可以有自己的样式，覆盖 series.itemStyle 和 level.itemStyle\n },\n label: {\n // 标签样式，同上\n }\n }]\n }, {\n value: 3,\n name: 'child2'\n }],\n itemStyle: {\n // parent1 的图形样式，不会被后代继承\n },\n label: {\n // parent1 的标签样式，不会被后代继承\n }\n}, {\n name: 'parent2',\n value: 4\n}]\n</code></pre>\n","items":{"type":"Object","properties":{"value":{"type":["number"]},"name":{"type":["string"]},"link":{"type":["string"]},"target":{"type":["string"],"default":"'blank'"},"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}},"emphasis":{"type":["Object"],"description":"<p>鼠标悬停后的配置项。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"highlight":{"type":["Object"],"description":"<p>鼠标悬停后相关扇形块的配置项。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"downplay":{"type":["Object"],"description":"<p>鼠标悬停后不相关扇形块的配置项。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"children":{"type":["Array"]}}}},"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}},"highlightPolicy":{"type":["string"],"default":"'descendant'"},"nodeClick":{"type":["boolean","string"],"default":"'rootToNode'"},"sort":{"type":["string","Function"],"default":"'desc'"},"renderLabelForZeroData":{"type":["boolean"],"default":false},"emphasis":{"type":["Object"],"description":"<p>鼠标悬停后的配置项。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"highlight":{"type":["Object"],"description":"<p>鼠标悬停后相关扇形块的配置项。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"downplay":{"type":["Object"],"description":"<p>鼠标悬停后不相关扇形块的配置项。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"levels":{"type":["Array"],"description":"<p><strong>多层配置</strong></p>\n<p>旭日图是一种有层次的结构，为了方便同一层样式的配置，我们提供了 levels 配置项。它是一个数组，其中的第 0 项表示数据下钻后返回上级的图形，其后的每一项分别表示从圆心向外层的层级。</p>\n<p>例如，假设我们没有数据下钻功能，并且希望将最内层的扇形块的颜色设为红色，文字设为蓝色，可以这样设置：</p>\n<pre><code class=\"lang-js\">series: {\n // ...\n levels: [\n {\n // 留给数据下钻点的空白配置\n },\n {\n // 最靠内测的第一层\n itemStyle: {\n color: 'red'\n },\n label: {\n color: 'blue'\n }\n },\n {\n // 第二层 ...\n }\n ]\n}\n</code></pre>\n","default":"[]","items":{"type":"Object","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}},"emphasis":{"type":["Object"],"description":"<p>鼠标悬停后的配置项。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"highlight":{"type":["Object"],"description":"<p>鼠标悬停后相关扇形块的配置项。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}},"downplay":{"type":["Object"],"description":"<p>鼠标悬停后不相关扇形块的配置项。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个扇形块中，文本标签的样式。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.label\">series.data.label</a> > <a href=\"#series-sunburst.levels.label\">series.levels.label</a> > <a href=\"#series-sunburst.label\">series.label</a>。</strong></p>\n<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"rotate":{"type":["string","number"],"default":"'radial'"},"align":{"type":["string"],"default":"'center'"},"minAngle":{"type":["number"],"default":null},"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>旭日图扇形块的样式。</p>\n<p>可以在 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 定义所有扇形块的样式，也可以在 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> 定义每一层扇形块的样式，还可以在 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> 定义每个扇形块单独的样式，这三者的优先级从低到高。也就是说，如果定义了 <a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a>，将会覆盖 <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a> 和 <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a>。</p>\n<p><strong>优先级：<a href=\"#series-sunburst.data.itemStyle\">series.data.itemStyle</a> > <a href=\"#series-sunburst.levels.itemStyle\">series.levels.itemStyle</a> > <a href=\"#series-sunburst.itemStyle\">series.itemStyle</a>。</strong></p>\n<p>ECharts 中，通常使用 <em>emphasis</em> 表示鼠标移动到图形上后的高亮状态。对于旭日图而言，我们引入了另两种状态：<em>highlight</em> 表示由于高亮了某个扇形块引起的其他相关扇形块的高亮；<em>downplay</em> 表示除了 highlight 扇形块之外的被淡化的扇形块。参见 <a href=\"#series-sunburst.highlightPolicy\">highlightPolicy</a>。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'white'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":1}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"'cubicOut'"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":500},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},{"type":["Object"],"description":"<p><a href=\"https://en.wikipedia.org/wiki/Box_plot\" target=\"_blank\">Boxplot</a> 中文可以称为『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』，是一种用作显示一组数据分散情况资料的统计图。它能显示出一组数据的最大值、最小值、中位数、下四分位数及上四分位数。</p>\n<p><strong>示例如下：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/editor.html?c=boxplot-multi&edit=1&reset=1\" target=\"_blank\">例子</a>。</p>\n<p><br>\n<br></p>\n","properties":{"type":{"type":["string"],"default":"'boxplot'"},"id":{"type":["string"]},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"hoverAnimation":{"type":["boolean"],"default":true},"layout":{"type":["string"],"default":null},"boxWidth":{"type":["Array"],"default":"[7, 50]"},"dimensions":{"type":["Array"]},"encode":{"type":["Object"]},"itemStyle":{"type":["Object"],"description":"<p>盒须图样式。</p>\n","properties":{"color":{"type":["Color"],"default":"#fff"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>盒须图高亮样式</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#fff"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":2},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"],"default":5},"shadowColor":{"type":["Color"],"default":"rgba(0,0,0,0.4)"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":2},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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/master/extension/dataTool\" target=\"_blank\">原始数据处理函数</a>，如这个 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=boxplot-light-velocity&edit=1&reset=1\" target=\"_blank\">例子</a> 使用了<code>echarts.dataTool.prepareBoxplotData</code> 来进行简单的数据统计。</p>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"value":{"type":["Array"]},"itemStyle":{"type":["Object"],"description":"<p>单个数据盒须图样式。</p>\n","properties":{"color":{"type":["Color"],"default":"#fff"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>单个数据盒须图高亮样式</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#fff"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":2},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"],"default":5},"shadowColor":{"type":["Color"],"default":"rgba(0,0,0,0.4)"},"shadowOffsetX":{"type":["number"],"default":2},"shadowOffsetY":{"type":["number"],"default":2},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animationDuration":{"type":["number"],"default":800},"animationEasing":{"type":["string"],"default":"elasticOut"},"animationDelay":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><a href=\"https://en.wikipedia.org/wiki/Candlestick_chart\" target=\"_blank\">Candlestick</a> 即我们常说的 <code>K线图</code>。</p>\n<p>在 ECharts3 中，同时支持 <code>'candlestick'</code> 和 <code>'k'</code>这两种 <code>'series.type'</code>（<code>'k'</code> 会被自动转为 <code>'candlestick'</code>）。</p>\n<p><strong>示例如下：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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.color\">series-candlestick.itemStyle.color</a>：阳线填充色（即『涨』）</li>\n<li><a href=\"#series-candlestick.itemStyle.color0\">series-candlestick.itemStyle.color0</a>：阴线填充色（即『跌』）</li>\n<li><a href=\"#series-candlestick.itemStyle.borderColor\">series-candlestick.itemStyle.borderColor</a>：阳线边框色（即『涨』）</li>\n<li><a href=\"series-candlestick.itemStyle.borderColor0\" target=\"_blank\">series-candlestick.itemStyle.borderColor0</a>：阴线边框色（即『跌』）</li>\n</ul>\n<p><br>\n<br></p>\n","properties":{"type":{"type":["string"],"default":"'candlestick'"},"id":{"type":["string"]},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"hoverAnimation":{"type":["boolean"],"default":true},"layout":{"type":["string"],"default":null},"barWidth":{"type":["number"]},"barMinWidth":{"type":["number"]},"barMaxWidth":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p> K 线图的图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"#c23531"},"color0":{"type":["Color"],"default":"#314656"},"borderColor":{"type":["Color"],"default":"#c23531"},"borderColor0":{"type":["Color"],"default":"#314656"},"borderWidth":{"type":["number"],"default":1},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"dimensions":{"type":["Array"],"description":"<p>使用 dimensions 定义 <code>series.data</code> 或者 <code>dataset.source</code> 的每个维度的信息。</p>\n<p>注意：如果使用了 <a href=\"#dataset\">dataset</a>，那么可以在 <a href=\"#dataset.source\">dataset.source</a> 的第一行/列中给出 dimension 名称。于是就不用在这里指定 dimension。但是，如果在这里指定了 <code>dimensions</code>，那么 ECharts 不再会自动从 <code>dataset.source</code> 的第一行/列中获取维度信息。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">option = {\n dataset: {\n source: [\n // 有了上面 dimensions 定义后，下面这五个维度的名称分别为：\n // 'date', 'open', 'close', 'highest', 'lowest'\n [12, 44, 55, 66, 2],\n [23, 6, 16, 23, 1],\n ...\n ]\n },\n series: {\n type: 'xxx',\n // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n dimensions: ['date', 'open', 'close', 'highest', 'lowest']\n }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n type: 'xxx',\n dimensions: [\n null, // 如果此维度不想给出定义，则使用 null 即可\n {type: 'ordinal'}, // 只定义此维度的类型。\n // 'ordinal' 表示离散型，一般文本使用这种类型。\n // 如果类型没有被定义，会自动猜测类型。\n {name: 'good', type: 'number'},\n 'bad' // 等同于 {name: 'bad'}\n ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>'someName'</code>，等同于 <code>{name: 'someName'}</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>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 'ordinal' 类型。ECharts 默认会自动判断这个类型。但是自动判断也是不可能很完备的，所以使用者也可以手动强制指定。</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>time</code>，表示时间类型。设置成 'time' 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 '2017-05-10'，会自动被解析。时间类型的支持参见 <a href=\"#series.data\">data</a>。</li>\n</ul>\n</li>\n<li>displayName: 一般用于 tooltip 中维度名的展示。<code>string</code> 如果没有指定，默认使用 name 来展示。</li>\n</ul>\n</li>\n</ul>\n<p>值得一提的是，当定义了 <code>dimensions</code> 后，默认 <code>tooltip</code> 中对个维度的显示，会变为『竖排』，从而方便显示每个维度的名称。如果没有定义 <code>dimensions</code>，则默认 <code>tooltip</code> 会横排显示，且只显示数值没有维度名称可显示。</p>\n","items":{"type":"Object","properties":{"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"emphasis":{"type":["Object"],"description":"<p> K 线图的高亮图形样式。</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#c23531"},"color0":{"type":["Color"],"default":"#314656"},"borderColor":{"type":["Color"],"default":"#c23531"},"borderColor0":{"type":["Color"],"default":"#314656"},"borderWidth":{"type":["number"],"default":2},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"encode":{"type":["Object"]},"data":{"type":["Array"],"description":"<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"]},"value":{"type":["Array"]},"itemStyle":{"type":["Object"],"description":"<p>单个 K 线图数据的图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"#c23531"},"color0":{"type":["Color"],"default":"#314656"},"borderColor":{"type":["Color"],"default":"#c23531"},"borderColor0":{"type":["Color"],"default":"#314656"},"borderWidth":{"type":["number"],"default":1},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>单个 K 线图数据的高亮图形样式。</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#c23531"},"color0":{"type":["Color"],"default":"#314656"},"borderColor":{"type":["Color"],"default":"#c23531"},"borderColor0":{"type":["Color"],"default":"#314656"},"borderWidth":{"type":["number"],"default":2},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animationDuration":{"type":["number"],"default":300},"animationEasing":{"type":["string"],"default":"linear"},"animationDelay":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=heatmap-cartesian&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n<p><strong>地理坐标系：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=heatmap-map&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'heatmap'"},"id":{"type":["string"]},"name":{"type":["string"]},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"geoIndex":{"type":["number"],"default":0},"calendarIndex":{"type":["number"],"default":0},"blurSize":{"type":["number"],"default":20},"minOpacity":{"type":["number"],"default":0},"maxOpacity":{"type":["number"],"default":1},"label":{"type":["Object"],"description":"<p>在直角坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: 'cartesian2d')上有效。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>样式设置，在直角坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: 'cartesian2d')上有效。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"]},"value":{"type":["Array"]},"label":{"type":["Object"],"description":"<p>在直角坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: 'cartesian2d')上有效。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>单个数据点的样式设置，在直角坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: 'cartesian2d')上有效。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/map-example&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n","properties":{"type":{"type":["string"],"default":"'map'"},"id":{"type":["string"]},"name":{"type":["string"]},"map":{"type":["string"],"default":"''"},"roam":{"type":["boolean","string"],"default":false},"center":{"type":["Array"]},"aspectScale":{"type":["number"],"default":0.75},"boundingCoords":{"type":["Array"],"default":null},"zoom":{"type":["number"],"default":1},"scaleLimit":{"type":["Object"],"description":"<p>滚轮缩放的极限控制，通过<code>min</code>, <code>max</code>最小和最大的缩放值，默认的缩放为<code>1</code>。</p>\n","properties":{"min":{"type":["number"]},"max":{"type":["number"]}}},"nameMap":{"type":["Object"]},"selectedMode":{"type":["boolean","string"],"default":false},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>地图区域的多边形 图形样式。</p>\n","properties":{"areaColor":{"type":["Color"],"default":"'#eee'"},"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下的多边形和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"areaColor":{"type":["Color"],"default":"'#eee'"},"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'auto'"},"top":{"type":["string","number"],"default":"'auto'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"layoutCenter":{"type":["Array"],"default":null},"layoutSize":{"type":["number","string"]},"geoIndex":{"type":["number"],"default":null},"mapValueCalculation":{"type":["string"],"default":"'sum'"},"showLegendSymbol":{"type":["boolean"]},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<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: '数据1',\n // 数据项值8\n value: 10\n}, {\n name: '数据2',\n value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n name: '数据1',\n value: 10\n}, {\n // 数据项名称\n name: '数据2',\n value : 56,\n //自定义特殊 tooltip，仅对该数据项有效\n tooltip:{},\n //自定义特殊itemStyle，仅对该item有效\n itemStyle:{}\n}]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"value":{"type":["number"]},"selected":{"type":["boolean"],"default":false},"itemStyle":{"type":["Object"],"description":"<p>该数据所在区域的多边形样式设置</p>\n","properties":{"areaColor":{"type":["Color"]},"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'bottom'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"<p>该数据所在区域的多边形高亮样式设置</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"areaColor":{"type":["Color"]},"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</code>。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">data: [\n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</code>。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</code>。</p>\n</li>\n</ol>\n<p>当多个属性同时存在时，优先级按上述的顺序。</p>\n<pre><code>data: [\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"silent":{"type":["boolean"],"default":false},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<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, '良'],\n [2, 25, 11, 21, 0.65, 34, 9, '优'],\n [3, 56, 7, 63, 0.3, 14, 5, '良'],\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n value: [5, 42, 24, 44, 0.76, 40, 16, '优']\n lineStyle: {...},\n }\n ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p>平行坐标系适用于对这种多维数据进行可视化分析。每一个维度（每一列）对应一个坐标轴，每一个『数据项』是一条线，贯穿多个坐标轴。在坐标轴上，可以进行数据选取等操作。如下：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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}, // 每个『坐标轴』有个 'dim' 属性，表示坐标轴的维度号。\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: 'category', // 坐标轴也可以支持类别型数据\n data: ['优', '良', '轻度污染', '中度污染', '重度污染', '严重污染']\n }\n ],\n parallel: { // 这是『坐标系』的定义\n left: '5%', // 平行坐标系的位置设置\n right: '13%',\n bottom: '10%',\n top: '20%',\n parallelAxisDefault: { // 『坐标轴』的公有属性可以配置在这里避免重复书写\n type: 'value',\n nameLocation: 'end',\n nameGap: 20\n }\n },\n series: [ // 这里三个系列共用一个平行坐标系\n {\n name: '北京',\n type: 'parallel', // 这个系列类型是 'parallel'\n data: [\n [1, 55, 9, 56, 0.46, 18, 6, '良'],\n [2, 25, 11, 21, 0.65, 34, 9, '优'],\n ...\n ]\n },\n {\n name: '上海',\n type: 'parallel',\n data: [\n [3, 56, 7, 63, 0.3, 14, 5, '良'],\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n ...\n ]\n },\n {\n name: '广州',\n type: 'parallel',\n data: [\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n [5, 42, 24, 44, 0.76, 40, 16, '优'],\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.width\">series-parallel.lineStyle.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=\"http://echarts.baidu.com/gallery/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"],"default":"'parallel'"},"id":{"type":["string"]},"coordinateSystem":{"type":["string"],"default":"'parallel'"},"parallelIndex":{"type":["number"],"default":0},"name":{"type":["string"]},"lineStyle":{"type":["Object"],"description":"<p>线条样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":2},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":0.45}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":2},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":0.45}}}}},"inactiveOpacity":{"type":["number"],"default":0.05},"activeOpacity":{"type":["number"],"default":1},"realtime":{"type":["boolean"],"default":true},"data":{"type":["Array"],"description":"<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, '良'],\n [2, 25, 11, 21, 0.65, 34, 9, '优'],\n [3, 56, 7, 63, 0.3, 14, 5, '良'],\n [4, 33, 7, 29, 0.33, 16, 6, '优'],\n { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n value: [5, 42, 24, 44, 0.76, 40, 16, '优']\n lineStyle: {...},\n }\n ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"value":{"type":["Array"]},"lineStyle":{"type":["Object"]},"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":2},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":0.45},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":2},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":0.45}}}}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"linear"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/view.html?c=geo-lines&edit=1&reset=1\" width=\"700\" height=\"500\" ></iframe>\n\n\n","properties":{"type":{"type":["string"],"default":"'lines'"},"id":{"type":["string"]},"name":{"type":["string"]},"coordinateSystem":{"type":["string"],"default":"'geo'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"geoIndex":{"type":["number"],"default":0},"polyline":{"type":["boolean"],"default":false},"effect":{"type":["Object"],"description":"<p>线特效的配置，见示例 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=geo-lines\" target=\"_blank\">模拟迁徙</a> 和 <a href=\"http://echarts.baidu.com/gallery/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"],"default":false},"period":{"type":["number"],"default":4},"delay":{"type":["number","Function"]},"constantSpeed":{"type":["number"],"default":0},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["Array","number"],"default":3},"color":{"type":["Color"]},"trailLength":{"type":["number"],"default":0.2},"loop":{"type":["boolean"],"default":true}}},"large":{"type":["boolean"],"default":false},"largeThreshold":{"type":["number"],"default":2000},"symbol":{"type":["string","Array"],"default":"'none'"},"symbolSize":{"type":["number","Array"],"default":10},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"'自适应'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n","default":0.5,"properties":{"curveness":{"type":["number"],"default":0}}}}},"label":{"type":["Object"],"description":"<p>标签相关配置。在 <a href=\"#series-lines.polyline\">polyline</a> 设置为 <code>true</code> 时无效。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"<p>高亮的线条和标签样式。</p>\n","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"data":{"type":["Array"],"description":"<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: { }\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 }\n}\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"coords":{"type":["Array"]},"lineStyle":{"type":["Object"],"description":"<p>单个数据（单条线）的样式设置。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>单个数据（单条线）的标签设置。在 <a href=\"#series-lines.polyline\">polyline</a> 设置为 <code>true</code> 时无效。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},{"type":["Object"],"description":"<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>'force'</code>。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=graph&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'graph'"},"id":{"type":["string"]},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"coordinateSystem":{"type":["string"],"default":null},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"polarIndex":{"type":["number"],"default":0},"geoIndex":{"type":["number"],"default":0},"calendarIndex":{"type":["number"],"default":0},"hoverAnimation":{"type":["boolean"]},"layout":{"type":["string"],"default":"'none'"},"circular":{"type":["Object"],"description":"<p>环形布局相关配置</p>\n","properties":{"rotateLabel":{"type":["boolean"],"default":false}}},"force":{"type":["Object"],"description":"<p>力引导布局相关的配置项，力引导布局是模拟弹簧电荷模型在每两个节点之间添加一个斥力，每条边的两个节点之间添加一个引力，每次迭代节点会在各个斥力和引力的作用下移动位置，多次迭代后节点会静止在一个受力平衡的位置，达到整个模型的能量最小化。</p>\n<p>力引导布局的结果有良好的对称性和局部聚合性，也比较美观。</p>\n","properties":{"initLayout":{"type":["string"]},"repulsion":{"type":["Array","number"],"default":50},"gravity":{"type":["number"],"default":0.1},"edgeLength":{"type":["Array","number"],"default":30},"layoutAnimation":{"type":["boolean"],"default":true}}},"roam":{"type":["boolean"],"default":false},"nodeScaleRatio":{"type":["number"],"default":0.6},"draggable":{"type":["boolean"],"default":false},"focusNodeAdjacency":{"type":["boolean"],"default":false},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array","Function"],"default":10},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"edgeSymbol":{"type":["Array","string"],"default":"['none', 'none']"},"edgeSymbolSize":{"type":["Array","number"],"default":10},"cursor":{"type":["string"],"default":"'pointer'"},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"<p>关系边的公用线条样式。其中 <a href=\"#series-graph.lineStyle.color\">lineStyle.color</a> 支持设置为<code>'source'</code>或者<code>'target'</code>特殊值，此时边会自动取源节点或目标节点的颜色作为自己的颜色。</p>\n","properties":{"color":{"type":["Color"],"default":"'#aaa'"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"default":0.5},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"edgeLabel":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'middle'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"<p>高亮的图形样式。</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"edgeLabel":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'middle'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"categories":{"type":["Array"],"description":"<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"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该类目节点的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该类目节点标签的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}},"data":{"type":["Array"],"description":"<p>关系图的节点数据列表。</p>\n<pre><code class=\"lang-js\">data: [{\n name: '1',\n x: 10,\n y: 10,\n value: 10\n}, {\n name: '2',\n x: 100,\n y: 100,\n value: 20,\n symbolSize: 20,\n itemStyle: {\n color: 'red'\n }\n}]\n</code></pre>\n<p><strong>注意:</strong> 节点的<code>name</code>不能重复。</p>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"x":{"type":["number"]},"y":{"type":["number"]},"fixed":{"type":["boolean"]},"value":{"type":["number","Array"]},"category":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该节点的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该节点标签的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"nodes":{"type":["Array"]},"links":{"type":["Array"],"description":"<p>节点间的关系数据。示例：</p>\n<pre><code class=\"lang-js\">links: [{\n source: 'n1',\n target: 'n2'\n}, {\n source: 'n2',\n target: 'n3'\n}]\n</code></pre>\n","items":{"type":"Object","properties":{"source":{"type":["string","number"]},"target":{"type":["string","number"]},"value":{"type":["number"]},"lineStyle":{"type":["Object"],"description":"<p>关系边的线条样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"],"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n","properties":{"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'middle'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'middle'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"symbol":{"type":["Array","string"]},"symbolSize":{"type":["Array","string"]}}}},"edges":{"type":["Array"]},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"'center'"},"top":{"type":["string","number"],"default":"'middle'"},"right":{"type":["string","number"],"default":"'auto'"},"bottom":{"type":["string","number"],"default":"'auto'"},"width":{"type":["string","number"],"default":"自适应"},"height":{"type":["string","number"],"default":"自适应"},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><strong> 桑基图 </strong></p>\n<p>是一种特殊的流图, 它主要用来表示原材料、能量等如何从初始形式经过中间过程的加工、转化到达最终形式。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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"],"default":"'sankey'"},"id":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"5%"},"top":{"type":["string","number"],"default":"5%"},"right":{"type":["string","number"],"default":"20%"},"bottom":{"type":["string","number"],"default":"5%"},"width":{"type":["string","number"],"default":null},"height":{"type":["string","number"],"default":null},"nodeWidth":{"type":["number"],"default":20},"nodeGap":{"type":["number"],"default":8},"layoutIterations":{"type":["number"],"default":32},"label":{"type":["Object"],"description":"<p><code>label</code> 描述了每个矩形节点中文本标签的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'right'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>桑基图节点矩形的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"'#aaa'"},"borderWidth":{"type":["number"],"default":1},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"<p>桑基图边的样式，其中 <a href=\"#series-sankey.lineStyle.color\">lineStyle.color</a> 支持设置为<code>'source'</code>或者<code>'target'</code>特殊值，此时边会自动取源节点或目标节点的颜色作为自己的颜色。</p>\n","properties":{"color":{"type":["Color"],"default":"\"'#314656'\""},"opacity":{"type":["number"],"default":0.2},"curveness":{"type":["number"],"default":0.5},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>桑基图的高亮样式设置。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"'#314656'\""},"opacity":{"type":["number"],"default":0.2},"curveness":{"type":["number"],"default":0.5},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}}}},"data":{"type":["Array"],"description":"<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: '数据1',\n // 数据项值8\n value: 10\n}, {\n name: '数据2',\n value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n name: '数据1',\n value: 10\n}, {\n // 数据项名称\n name: '数据2',\n value : 56,\n //自定义特殊 tooltip，仅对该数据项有效\n tooltip:{},\n //自定义特殊itemStyle，仅对该item有效\n itemStyle:{}\n}]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"value":{"type":["number","Array"]},"itemStyle":{"type":["Object"],"description":"<p>该节点的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该节点标签的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"nodes":{"type":["Array"]},"links":{"type":["Array"],"description":"<p>节点间的关系数据。示例：</p>\n<pre><code class=\"lang-js\">links: [{\n source: 'n1',\n target: 'n2'\n}, {\n source: 'n2',\n target: 'n3'\n}]\n</code></pre>\n","items":{"type":"Object","properties":{"source":{"type":["string"]},"target":{"type":["string"]},"value":{"type":["number"]},"lineStyle":{"type":["Object"],"description":"<p>关系边的线条样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"'#314656'\""},"opacity":{"type":["number"],"default":0.2},"curveness":{"type":["number"],"default":0.5},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"'#314656'\""},"opacity":{"type":["number"],"default":0.2},"curveness":{"type":["number"],"default":0.5},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0}}}}}}}},"edges":{"type":["Array"]},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"'linear'"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><strong>漏斗图</strong></p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=funnel&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'funnel'"},"id":{"type":["string"]},"name":{"type":["string"]},"min":{"type":["number"],"default":0},"max":{"type":["number"],"default":100},"minSize":{"type":["string"],"default":"'0%'"},"maxSize":{"type":["string"],"default":"'100%'"},"sort":{"type":["string"],"default":"'descending'"},"gap":{"type":["number"],"default":0},"legendHoverLink":{"type":["boolean"],"default":true},"funnelAlign":{"type":["string"],"default":"'center'"},"label":{"type":["Object"],"description":"<p>漏斗图图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'outside'"},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"labelLine":{"type":["Object"],"description":"<p>标签的视觉引导线样式，在 <a href=\"#series-funnel.label.position\">label 位置</a> 设置为<code>'left'</code>或者<code>'right'</code>的时候会显示视觉引导线。</p>\n","properties":{"show":{"type":["boolean"]},"length":{"type":["number"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下视觉引导线的样式。</p>\n","properties":{"show":{"type":["boolean"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color","Function"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标签和图形样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"labelLine":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"]},"length":{"type":["number"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下视觉引导线的样式。</p>\n","properties":{"show":{"type":["boolean"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}}},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<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: '数据1',\n // 数据项值8\n value: 10\n}, {\n name: '数据2',\n value: 20\n}]\n</code></pre>\n<p>需要对个别内容指定进行个性化定义时：</p>\n<pre><code class=\"lang-js\">[{\n name: '数据1',\n value: 10\n}, {\n // 数据项名称\n name: '数据2',\n value : 56,\n //自定义特殊 tooltip，仅对该数据项有效\n tooltip:{},\n //自定义特殊itemStyle，仅对该item有效\n itemStyle:{}\n}]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>单个数据的标签配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string"],"default":"'outside'"},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"labelLine":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"]},"length":{"type":["number"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下视觉引导线的样式。</p>\n","properties":{"show":{"type":["boolean"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"labelLine":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"]},"length":{"type":["number"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮状态下视觉引导线的样式。</p>\n","properties":{"show":{"type":["boolean"]},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><strong>仪表盘</strong></p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=gauge-car\" width=\"600\" height=\"500\" ></iframe>\n\n","properties":{"type":{"type":["string"],"default":"'gauge'"},"id":{"type":["string"]},"name":{"type":["string"]},"radius":{"type":["number","string"],"default":"'75%'"},"startAngle":{"type":["number"],"default":225},"endAngle":{"type":["number"],"default":-45},"clockwise":{"type":["boolean"],"default":true},"min":{"type":["number"],"default":0},"max":{"type":["number"],"default":100},"splitNumber":{"type":["number"],"default":10},"axisLine":{"type":["Object"],"description":"<p>仪表盘轴线相关配置。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"lineStyle":{"type":["Object"],"description":"<p>仪表盘轴线样式。</p>\n","properties":{"color":{"type":["Array"]},"width":{"type":["number"],"default":30},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"splitLine":{"type":["Object"],"description":"<p>分隔线样式。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"length":{"type":["number","string"],"default":30},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#eee"},"width":{"type":["number"],"default":2},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisTick":{"type":["Object"],"description":"<p>刻度样式。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"splitNumber":{"type":["number"],"default":5},"length":{"type":["number","string"],"default":8},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"#eee"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"axisLabel":{"type":["Object"],"description":"<p>刻度标签。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"distance":{"type":["number"],"default":5},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"pointer":{"type":["Object"],"description":"<p>仪表盘指针。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"length":{"type":["string","number"],"default":"'80%'"},"width":{"type":["number"],"default":8}}},"itemStyle":{"type":["Object"],"description":"<p>仪表盘指针样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'auto'"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的仪表盘指针样式</p>\n","properties":{"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"title":{"type":["Object"],"description":"<p>仪表盘标题。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"offsetCenter":{"type":["Array"],"default":"[0, '-40%']"},"color":{"type":["Color"],"default":"'#333'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":15},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"detail":{"type":["Object"],"description":"<p>仪表盘详情，用于显示数据。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderColor":{"type":["string"],"default":"'transparent'"},"offsetCenter":{"type":["Array"],"default":"[0, '40%']"},"formatter":{"type":["Function"]},"color":{"type":["Color"],"default":"'auto'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":15},"lineHeight":{"type":["number"]},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"color":{"type":["Color"],"default":"'auto'"}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeat&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n<p>每个象形图形可以是基本图形（如 <code>'circle'</code>, <code>'rect'</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=\"http://echarts.baidu.com/gallery/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=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n","properties":{"type":{"type":["string"],"default":"'pictorialBar'"},"id":{"type":["string"]},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"cursor":{"type":["string"],"default":"'pointer'"},"label":{"type":["Object"],"description":"<p>图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，<code>label</code>选项在 ECharts 2.x 中放置于<code>itemStyle</code>下，在 ECharts 3 中为了让整个配置项结构更扁平合理，<code>label</code> 被拿出来跟 <code>itemStyle</code> 平级，并且跟 <code>itemStyle</code> 一样拥有 <code>emphasis</code> 状态。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"barWidth":{"type":["number","string"],"default":"自适应"},"barMaxWidth":{"type":["number","string"],"default":"自适应"},"barMinHeight":{"type":["number"],"default":0},"barGap":{"type":["string"],"default":"-100%"},"barCategoryGap":{"type":["string"],"default":"'20%'"},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array"],"default":"['100%', '100%']"},"symbolPosition":{"type":["string"],"default":"'start'"},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"symbolRotate":{"type":["number"]},"symbolRepeat":{"type":["boolean","number","string"]},"symbolRepeatDirection":{"type":["string"],"default":"'start'"},"symbolMargin":{"type":["number","string"]},"symbolClip":{"type":["boolean"],"default":false},"symbolBoundingData":{"type":["number","Array"]},"symbolPatternSize":{"type":["number"],"default":400},"hoverAnimation":{"type":["boolean"],"description":"<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"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"dimensions":{"type":["Array"]},"encode":{"type":["Object"]},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"]},"value":{"type":["number"]},"symbol":{"type":["string"],"default":"'circle'"},"symbolSize":{"type":["number","Array"],"default":"['100%', '100%']"},"symbolPosition":{"type":["string"],"default":"'start'"},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"symbolRotate":{"type":["number"]},"symbolRepeat":{"type":["boolean","number","string"]},"symbolRepeatDirection":{"type":["string"],"default":"'start'"},"symbolMargin":{"type":["number","string"]},"symbolClip":{"type":["boolean"],"default":false},"symbolBoundingData":{"type":["number","Array"]},"symbolPatternSize":{"type":["number"],"default":400},"z":{"type":["number"]},"hoverAnimation":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDelayUpdate":{"type":["number","Function"],"default":0},"label":{"type":["Object"],"description":"<p>单个柱条文本的样式设置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"inside"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"markPoint":{"type":["Object"],"description":"<p>图表标注。</p>\n","properties":{"symbol":{"type":["string"],"default":"'pin'"},"symbolSize":{"type":["number","Array","Function"],"default":50},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标注的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'inside'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>标注的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"formatter":{"type":["string","Function"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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: '最大值',\n type: 'max'\n }, \n {\n name: '某个坐标',\n coord: [10, 20]\n }, {\n name: '固定 x 像素位置',\n yAxis: 10,\n x: '90%'\n }, \n {\n name: '某个屏幕坐标',\n x: 100,\n y: 100\n }\n]\n</code></pre>\n","items":{"type":"Object","properties":{"name":{"type":["string"],"default":"''"},"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"itemStyle":{"type":["Object"],"description":"<p>该标注的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markLine":{"type":["*"],"description":"<p>图表标线。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"symbol":{"type":["string","Array"]},"symbolSize":{"type":["number","Array"]},"precision":{"type":["number"],"default":2},"label":{"type":["Object"],"description":"<p>标线的文本。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"<p>标线的样式</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"emphasis":{"type":["Object"],"description":"<p>标线的高亮样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均线',\n // 支持 'average', 'min', 'max'\n type: 'average'\n },\n {\n name: 'Y 轴值为 100 的水平线',\n yAxis: 100\n },\n [\n {\n // 起点和终点的项会共用一个 name\n name: '最小值到最大值',\n type: 'min'\n },\n {\n type: 'max'\n }\n ],\n [\n {\n name: '两个坐标之间的标线',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [{\n // 固定起点的 x 像素位置，用于模拟一条指向最大值的水平线\n yAxis: 'max',\n x: '90%'\n }, {\n type: 'max'\n }],\n [\n {\n name: '两个屏幕坐标之间的标线',\n x: 100,\n y: 100\n },\n {\n x: 500,\n y: 200\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>起点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}},"1":{"type":["Object"],"description":"<p>终点的数据。</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"symbol":{"type":["string"]},"symbolSize":{"type":["number","Array"]},"symbolRotate":{"type":["number"]},"symbolKeepAspect":{"type":["boolean"],"default":false},"symbolOffset":{"type":["Array"],"default":"[0, 0]"},"lineStyle":{"type":["Object"],"description":"<p>该数据项线的样式，起点和终点项的 <code>lineStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的 <code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"lineStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#000\""},"width":{"type":["number"],"default":1},"type":{"type":["string"],"default":"solid"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]},"curveness":{"type":["number"],"default":0}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string"],"default":"'end'"},"formatter":{"type":["string","Function"]}}}}}}}}},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"markArea":{"type":["Object"],"description":"<p>图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。</p>\n","properties":{"silent":{"type":["boolean"],"default":false},"label":{"type":["Object"],"description":"<p>标域文本配置。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>该标域的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的标域样式</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["*"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["*"],"description":"<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>'min'</code>, <code>'max'</code>, <code>'average'</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=\"http://echarts.baidu.com/gallery/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: '平均值到最大值',\n type: 'average'\n },\n {\n type: 'max'\n }\n ],\n\n [\n {\n name: '两个坐标之间的标域',\n coord: [10, 20]\n },\n {\n coord: [20, 30]\n }\n ], [\n {\n name: '60分到80分',\n yAxis: 60\n },\n {\n yAxis: 80\n }\n ], [\n {\n name: '所有数据范围区间'\n coord: ['min', 'min']\n },\n {\n coord: ['max', 'max']\n }\n ],\n [\n {\n name: '两个屏幕坐标之间的标域',\n x: 100,\n y: 100\n }, {\n x: '90%',\n y: '10%'\n }\n ]\n]\n</code></pre>","properties":{"0":{"type":["Object"],"description":"<p>标域左上角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}},"1":{"type":["Object"],"description":"<p>标域右下角的数据</p>\n","properties":{"type":{"type":["string"]},"valueIndex":{"type":["number"]},"valueDim":{"type":["string"]},"coord":{"type":["Array"]},"x":{"type":["number"]},"y":{"type":["number"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"<p>该数据项区域的样式，起点和终点项的<code>itemStyle</code>会合并到一起。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"<p>该数据项标签的样式，起点和终点项的<code>label</code>会合并到一起。</p>\n","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"]},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}}}}}}}},"animation":{"type":["boolean"],"default":false},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"description":"<p>数据更新动画的缓动效果。</p>\n","default":"cubicOut","properties":{"animationDelay":{"type":["number","Function"],"default":0},"animationDelayUpdate":{"type":["number","Function"],"default":0}}},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<p><strong> 主题河流 </strong></p>\n<p>是一种特殊的流图, 它主要用来表示事件或主题等在一段时间内的变化。</p>\n<p><strong>示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/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"],"default":"'themeRiver'"},"id":{"type":["string"]},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"left":{"type":["string","number"],"default":"5%"},"top":{"type":["string","number"],"default":"5%"},"right":{"type":["string","number"],"default":"5%"},"bottom":{"type":["string","number"],"default":"5%"},"width":{"type":["string","number"],"default":null},"height":{"type":["string","number"],"default":null},"coordinateSystem":{"type":["string"],"default":"\"single\""},"boundaryGap":{"type":["Array"],"default":"[\"10%\", \"10%\"]"},"singleAxisIndex":{"type":["number"],"default":0},"label":{"type":["Object"],"description":"<p><code>label</code> 描述了主题河流中每个带状河流分支对应的文本标签的样式。</p>\n","properties":{"show":{"type":["boolean"],"default":true},"position":{"type":["string","Array"],"default":"'left'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"'#000'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":11},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"<p>主题河流中每个带状河流分支的样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮的图形和标签样式。</p>\n","properties":{"label":{"type":["Object"],"description":"","properties":{"show":{"type":["boolean"],"default":false},"position":{"type":["string","Array"],"default":"'left'"},"distance":{"type":["number"],"default":5},"rotate":{"type":["number"]},"offset":{"type":["Array"]},"color":{"type":["Color"],"default":"'#000'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":11},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0},"rich":{"type":["Object"],"description":"<p>在 <code>rich</code> 里面，可以自定义富文本样式。利用富文本样式，可以在标签中做出非常丰富的效果。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">label: {\n // 在文本中，可以对部分文本采用 rich 中定义样式。\n // 这里需要在文本中使用标记符号：\n // `{styleName|text content text content}` 标记样式名。\n // 注意，换行仍是使用 '\\n'。\n formatter: [\n '{a|这段文本采用样式a}',\n '{b|这段文本采用样式b}这段用默认样式{x|这段用样式x}'\n ].join('\\n'),\n\n rich: {\n a: {\n color: 'red',\n lineHeight: 10\n },\n b: {\n backgroundColor: {\n image: 'xxx/xxx.jpg'\n },\n height: 40\n },\n x: {\n fontSize: 18,\n fontFamily: 'Microsoft YaHei',\n borderColor: '#449933',\n borderRadius: 4\n },\n ...\n }\n}\n</code></pre>\n<p>详情参见教程：<a href=\"tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE\" target=\"_blank\">富文本标签</a></p>\n","properties":{"<user defined style name>":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"align":{"type":["string"]},"verticalAlign":{"type":["string"]},"lineHeight":{"type":["number"]},"backgroundColor":{"type":["string","Object"],"default":"'transparent'"},"borderColor":{"type":["string"],"default":"'transparent'"},"borderWidth":{"type":["number"],"default":0},"borderRadius":{"type":["number","Array"],"default":0},"padding":{"type":["number","Array"],"default":0},"shadowColor":{"type":["string"],"default":"'transparent'"},"shadowBlur":{"type":["number"],"default":0},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}}}}}},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"],"default":20},"shadowColor":{"type":["Color"],"default":"'rgba(0,0,0,0.8)'"},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"]},"value":{"type":["number"]},"name":{"type":["string"]}}}},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}},{"type":["Object"],"description":"<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=\"http://echarts.baidu.com/gallery/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: 'custom',\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: 'rect',\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\">series.itemStyle</a> 中定义的样式信息，以及视觉映射的样式信息。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: 'green', stroke: 'yellow'})</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: 'custom',\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> 为 'weakFilter'，从而让 <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"],"default":"'custom'"},"id":{"type":["string"]},"name":{"type":["string"]},"legendHoverLink":{"type":["boolean"],"default":true},"coordinateSystem":{"type":["string"],"default":"'cartesian2d'"},"xAxisIndex":{"type":["number"],"default":0},"yAxisIndex":{"type":["number"],"default":0},"polarIndex":{"type":["number"],"default":0},"geoIndex":{"type":["number"],"default":0},"calendarIndex":{"type":["number"],"default":0},"renderItem":{"type":["Function"],"description":"<p>custom 系列需要开发者自己提供图形渲染的逻辑。这个渲染逻辑一般命名为 <a href=\"#series-custom.renderItem\">renderItem</a>。例如：</p>\n<pre><code class=\"lang-js\">var option = {\n ...,\n series: [{\n type: 'custom',\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: 'rect',\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\">series.itemStyle</a> 中定义的样式信息，以及视觉映射的样式信息。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: 'green', stroke: 'yellow'})</code>。</p>\n","properties":{"arguments":{"type":["*"],"description":"<p>renderItem 函数的参数。</p>\n","properties":{"params":{"type":["Object"]},"api":{"type":["Object"],"description":"<p>renderItem 函数的第二个参数。</p>\n","properties":{"value":{"type":["Function"]},"coord":{"type":["Function"]},"size":{"type":["Function"]},"style":{"type":["Function"]},"styleEmphasis":{"type":["Function"]},"visual":{"type":["Function"]},"barLayout":{"type":["Function"]},"currentSeriesIndices":{"type":["Function"]},"font":{"type":["Function"]},"getWidth":{"type":["Function"]},"getHeight":{"type":["Function"]},"getZr":{"type":["Function"]},"getDevicePixelRatio":{"type":["Function"]}}}}},"return":{"type":["Object"]}}},"itemStyle":{"type":["Object"],"description":"<p> 图形样式。</p>\n","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"<p>高亮图形样式</p>\n","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"dimensions":{"type":["Array"]},"encode":{"type":["Object"]},"seriesLayoutBy":{"type":["string"],"default":"'column'"},"datasetIndex":{"type":["number"],"default":0},"data":{"type":["Array"],"description":"<p>系列中的数据内容数组。数组项通常为具体的数据项。</p>\n<p>注意，如果系列没有指定 <code>data</code>，并且 option 有 <a href=\"#dataset\">dataset</a>，那么默认使用第一个 <a href=\"#dataset\">dataset</a>。如果指定了 <code>data</code>，则不会再使用 <a href=\"#dataset\">dataset</a>。</p>\n<p>可以使用 <code>series.datasetIndex</code> 指定其他的 <a href=\"#dataset\">dataset</a>。</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.formatter\">series.label.formatter</a> 可以把其他维度的值展示出来。</li>\n</ul>\n</li>\n</ul>\n<p>特别地，当只有一个轴为类目轴（axis.type 为 <code>'category'</code>）的时候，数据可以简化用一个一维数组表示。例如：</p>\n<pre><code class=\"lang-js\">xAxis: {\n data: ['a', 'b', 'm', 'n']\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>'value'</code> 或者 <code>'log'</code>）的时候：</p>\n<p> 其值可以为 <code>number</code>（例如 <code>12</code>）。（也可以兼容 <code>string</code> 形式的 number，例如 <code>'12'</code>）</p>\n</li>\n<li><p>当某维度对应于类目轴（axis.type 为 <code>'category'</code>）的时候：</p>\n<p> 其值须为类目的『序数』（从 <code>0</code> 开始）或者类目的『字符串值』。例如：</p>\n<pre><code class=\"lang-js\"> xAxis: {\n type: 'category',\n data: ['星期一', '星期二', '星期三', '星期四']\n },\n yAxis: {\n type: 'category',\n data: ['a', 'b', 'm', 'n', 'p', 'q']\n },\n series: [{\n data: [\n // xAxis yAxis\n [ 0, 0, 2 ], // 意思是此点位于 xAxis: '星期一', yAxis: 'a'。\n [ '星期四', 2, 1 ], // 意思是此点位于 xAxis: '星期四', yAxis: 'm'。\n [ 2, 'p', 2 ], // 意思是此点位于 xAxis: '星期三', yAxis: 'p'。\n [ 3, 3, 5 ]\n ]\n }]\n</code></pre>\n<p> 双类目轴的示例可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=scatter-punchCard\" target=\"_blank\">Github Punchcard</a> 示例。</p>\n</li>\n<li><p>当某维度对应于时间轴（type 为 <code>'time'</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>'2012-03'</code>, <code>'2012-03-01'</code>, <code>'2012-03-01 05'</code>, <code>'2012-03-01 05:06'</code>.</li>\n<li>使用 <code>'T'</code> 或空格分割: <code>'2012-03-01T12:22:33.123'</code>, <code>'2012-03-01 12:22:33.123'</code>.</li>\n<li>时区设定: <code>'2012-03-01T12:22:33Z'</code>, <code>'2012-03-01T12:22:33+8000'</code>, <code>'2012-03-01T12:22:33-05:00'</code>.</li>\n</ul>\n</li>\n<li>其他的时间字符串，包括（均表示本地时间）:\n<code>'2012'</code>, <code>'2012-3-1'</code>, <code>'2012/3/1'</code>, <code>'2012/03/01'</code>,\n<code>'2009/6/12 2:00'</code>, <code>'2009/6/12 2:05:08'</code>, <code>'2009/6/12 2:05:08.123'</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('2012-01-01')</code> 表示 UTC 时间的 2012 年 1 月 1 日，而 <code>new Date('2012-1-1')</code> 和 <code>new Date('2012/01/01')</code> 表示本地时间的 2012 年 1 月 1 日。在 safari 中，不支持 <code>new Date('2012-1-1')</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>'-'</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"]},"value":{"type":["number"]},"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}},"emphasis":{"type":["Object"],"description":"","properties":{"itemStyle":{"type":["Object"],"description":"","properties":{"color":{"type":["Color"],"default":"自适应"},"borderColor":{"type":["Color"],"default":"\"#000\""},"borderWidth":{"type":["number"],"default":0},"borderType":{"type":["string"],"default":"'solid'"},"shadowBlur":{"type":["number"]},"shadowColor":{"type":["Color"]},"shadowOffsetX":{"type":["number"],"default":0},"shadowOffsetY":{"type":["number"],"default":0},"opacity":{"type":["number"]}}}}},"tooltip":{"type":["*"],"description":"<p>本系列每个数据项中特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}},"zlevel":{"type":["number"],"default":0},"z":{"type":["number"],"default":2},"silent":{"type":["boolean"],"default":false},"animation":{"type":["boolean"],"default":true},"animationThreshold":{"type":["number"],"default":2000},"animationDuration":{"type":["number"],"default":1000},"animationEasing":{"type":["string"],"default":"cubicOut"},"animationDelay":{"type":["number","Function"],"default":0},"animationDurationUpdate":{"type":["number","Function"],"default":300},"animationEasingUpdate":{"type":["string"],"default":"cubicOut"},"animationDelayUpdate":{"type":["number","Function"],"default":0},"tooltip":{"type":["*"],"description":"<p>本系列特定的 tooltip 设定。</p>\n","properties":{"position":{"type":["string","Array","Function"]},"formatter":{"type":["string","Function"]},"backgroundColor":{"type":["Color"],"default":"'rgba(50,50,50,0.7)'"},"borderColor":{"type":["Color"],"default":"'#333'"},"borderWidth":{"type":["number"],"default":0},"padding":{"type":["number"],"default":5},"textStyle":{"type":["Object"],"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>'item'</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的文本样式。</p>\n","properties":{"color":{"type":["Color"],"default":"'#fff'"},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":14},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"extraCssText":{"type":["string"]}}}}}]},"description":"<p>系列列表。每个系列通过 <code>type</code> 决定自己的图表类型</p>\n","properties":{}},"color":{"type":["Array"],"description":"<p>调色盘颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。</p>\n<p>默认为：</p>\n<pre><code class=\"lang-js\">['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']\n</code></pre>\n","properties":{}},"backgroundColor":{"type":["Color"],"description":"<p>背景色，默认无背景。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>'rgb(128, 128, 128)'</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>'rgba(128, 128, 128, 0.5)'</code>，也可以使用十六进制格式，比如 <code>'#ccc'</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [{\n offset: 0, color: 'red' // 0% 处的颜色\n }, {\n offset: 1, color: 'blue' // 100% 处的颜色\n }],\n globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n type: 'radial',\n x: 0.5,\n y: 0.5,\n r: 0.5,\n colorStops: [{\n offset: 0, color: 'red' // 0% 处的颜色\n }, {\n offset: 1, color: 'blue' // 100% 处的颜色\n }],\n globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n repeat: 'repeat' // 是否平铺, 可以是 'repeat-x', 'repeat-y', 'no-repeat'\n}\n</code></pre>\n</blockquote>\n","default":"'transparent'","properties":{}},"textStyle":{"type":["Object"],"description":"<p>全局的字体样式。</p>\n","properties":{"color":{"type":["Color"],"default":"\"#fff\""},"fontStyle":{"type":["string"],"default":"'normal'"},"fontWeight":{"type":["string"],"default":"normal"},"fontFamily":{"type":["string"],"default":"'sans-serif'"},"fontSize":{"type":["number"],"default":12},"lineHeight":{"type":["number"]},"width":{"type":["number","string"]},"height":{"type":["number","string"]},"textBorderColor":{"type":["string"],"default":"'transparent'"},"textBorderWidth":{"type":["number"],"default":0},"textShadowColor":{"type":["string"],"default":"'transparent'"},"textShadowBlur":{"type":["number"],"default":0},"textShadowOffsetX":{"type":["number"],"default":0},"textShadowOffsetY":{"type":["number"],"default":0}}},"animation":{"type":["boolean"],"description":"<p>是否开启动画。</p>\n","default":true,"properties":{}},"animationThreshold":{"type":["number"],"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n","default":2000,"properties":{}},"animationDuration":{"type":["number"],"description":"<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"],"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n","default":"cubicOut","properties":{}},"animationDelay":{"type":["number","Function"],"description":"<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=\"http://echarts.baidu.com/gallery/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n","default":0,"properties":{}},"animationDurationUpdate":{"type":["number","Function"],"description":"<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"],"description":"<p>数据更新动画的缓动效果。</p>\n","default":"cubicOut","properties":{}},"animationDelayUpdate":{"type":["number","Function"],"description":"<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=\"http://echarts.baidu.com/gallery/editor.html?c=bar-animation-delay\" target=\"_blank\">该示例</a></p>\n","default":0,"properties":{}},"progressive":{"type":["number"],"description":"<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"],"description":"<p>启用渐进式渲染的图形数量阈值，在单个系列的图形数量超过该阈值时启用渐进式渲染。</p>\n","default":3000,"properties":{}},"blendMode":{"type":["string"],"description":"<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>'source-over'</code>。 支持每个系列单独设置。</p>\n<p><code>'lighter'</code> 也是比较常见的一种混合模式，该模式下图形数量集中的区域会颜色叠加成高亮度的颜色（白色）。常常能起到突出该区域的效果。见示例 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=lines-airline\" target=\"_blank\">全球飞行航线</a></p>\n","default":"'source-over'","properties":{}},"hoverLayerThreshold":{"type":["number"],"description":"<p>图形数量阈值，决定是否开启单独的 hover 层，在整个图表的图形数量大于该阈值时开启单独的 hover 层。</p>\n<p>单独的 hover 层主要是为了在高亮图形的时候不需要重绘整个图表，只需要把高亮的图形放入单独的一个 canvas 层进行绘制，防止在图形数量很多的时候因为高亮重绘所有图形导致卡顿。</p>\n<p>ECharts 2 里是底层强制使用单独的层绘制高亮图形，但是会带来很多问题，比如高亮的图形可能会不正确的遮挡所有其它图形，还有图形有透明度因为高亮和正常图形叠加导致不正确的透明度显示，还有移动端上因为每个图表都要多一个 canvas 带来的额外内存开销。因此 3 里默认不会开启该优化，只有在图形数量特别多，有必要做该优化时才会自动开启。</p>\n","default":3000,"properties":{}},"useUTC":{"type":["boolean"],"description":"<p>是否使用 UTC 时间。</p>\n<ul>\n<li><code>true</code>: 表示 <code>axis.type</code> 为 <code>'time'</code> 时，依据 UTC 时间确定 tick 位置，并且 <code>axisLabel</code> 和 <code>tooltip</code> 默认展示的是 UTC 时间。</li>\n<li><code>false</code>: 表示 <code>axis.type</code> 为 <code>'time'</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 中的时间为 '2012-01-02' 这样的没有指定时区的时间表达式，往往意为本地时间。默认情况下，时间被展示时需要和输入一致而非有时差。</li>\n</ul>\n<p>注意，这个参数实际影响的是『展示』，而非用户输入的时间值的解析。\n关于用户输入的时间值（例如 <code>1491339540396</code>, <code>'2013-01-04'</code> 等）的解析，参见 <a href=\"#series-line.data\">date 中时间相关部分</a>。</p>\n","default":false,"properties":{}}}}} |